summaryrefslogtreecommitdiff
path: root/doc/style.css
blob: 026d2c8817d6f35fd1ad76a6e4b3c9551292efbd (plain)
  1. /* ikiwiki style sheet */
  2. /* Note that instead of modifying this style sheet, you can instead edit
  3. * local.css and use it to override or change settings in this one.
  4. */
  5. .header {
  6. margin: 0;
  7. font-size: 22px;
  8. font-weight: bold;
  9. line-height: 1em;
  10. display: block;
  11. }
  12. .author {
  13. margin: 0;
  14. font-size: 18px;
  15. font-weight: bold;
  16. display: block;
  17. }
  18. .actions ul {
  19. margin: 0;
  20. padding: 6px;
  21. list-style-type: none;
  22. border-bottom: 1px solid #000;
  23. }
  24. .inlinepage .actions ul {
  25. border-bottom: 0;
  26. }
  27. .actions li {
  28. display: inline;
  29. padding: .2em .4em;
  30. }
  31. .tags {
  32. clear: both;
  33. }
  34. #pageinfo {
  35. clear: both;
  36. margin: 1em 0;
  37. border-top: 1px solid #000;
  38. }
  39. div.tags {
  40. margin-top: 1em;
  41. }
  42. .mapparent {
  43. text-decoration: none;
  44. }
  45. #backlinks {
  46. margin-top: 1em;
  47. }
  48. #searchform {
  49. display: inline;
  50. float: right;
  51. }
  52. #editcontent {
  53. width: 100%;
  54. }
  55. img {
  56. border-style: none;
  57. }
  58. div.recentchanges {
  59. border-style: solid;
  60. border-width: 1px;
  61. overflow: auto;
  62. width: 100%;
  63. background: #eee;
  64. color: black !important;
  65. }
  66. .recentchanges .metadata {
  67. padding: 0px 0.5em;
  68. }
  69. .recentchanges .changelog {
  70. font-style: italic;
  71. clear: both;
  72. display: block;
  73. padding: 1px 2px;
  74. background: white !important;
  75. color: black !important;
  76. }
  77. .recentchanges .desc {
  78. display: none;
  79. }
  80. .recentchanges .committer {
  81. float: left;
  82. margin: 0;
  83. width: 40%;
  84. }
  85. .recentchanges .committype {
  86. float: left;
  87. margin: 0;
  88. width: 5%;
  89. font-size: small;
  90. }
  91. .recentchanges .changedate {
  92. float: left;
  93. margin: 0;
  94. width: 35%;
  95. font-size: small;
  96. }
  97. .recentchanges .pagelinks {
  98. float: right;
  99. margin: 0;
  100. width: 60%;
  101. }
  102. /* Used for adding a blog page. */
  103. #blogform {
  104. padding: 10px 10px;
  105. border: 1px solid #aaa;
  106. background: #eee;
  107. color: black !important;
  108. }
  109. .inlinepage {
  110. padding: 10px 10px;
  111. border: 1px solid #aaa;
  112. }
  113. .pagedate,
  114. .pagelicense,
  115. .pagecopyright {
  116. clear: both;
  117. font-style: italic;
  118. display: block;
  119. margin-top: 1em;
  120. }
  121. /* Used for invalid form fields. */
  122. .fb_invalid {
  123. color: red;
  124. background: white !important;
  125. }
  126. /* Used for required form fields. */
  127. .fb_required {
  128. font-weight: bold;
  129. }
  130. /* Orange feed button. */
  131. .feedbutton {
  132. background: #ff6600;
  133. color: white !important;
  134. border-left: 1px solid #cc9966;
  135. border-top: 1px solid #ccaa99;
  136. border-right: 1px solid #993300;
  137. border-bottom: 1px solid #331100;
  138. padding: 0px 0.5em 0px 0.5em;
  139. font-family: sans-serif;
  140. font-weight: bold;
  141. font-size: small;
  142. text-decoration: none;
  143. margin-top: 1em;
  144. }
  145. .feedbutton:hover {
  146. color: white !important;
  147. background: #ff9900;
  148. }
  149. /* Tag cloud. */
  150. .pagecloud {
  151. float: right;
  152. width: 30%;
  153. text-align: center;
  154. padding: 10px 10px;
  155. border: 1px solid #aaa;
  156. background: #eee;
  157. color: black !important;
  158. }
  159. .smallestPC { font-size: 70%; }
  160. .smallPC { font-size: 85%; }
  161. .normalPC { font-size: 100%; }
  162. .bigPC { font-size: 115%; }
  163. .biggestPC { font-size: 130%; }
  164. #sidebar {
  165. line-height: 3ex;
  166. width: 20ex;
  167. float: right;
  168. margin-left: 40px;
  169. margin-bottom: 40px;
  170. padding: 2ex 2ex;
  171. }
  172. /* outlines */
  173. li.L1 {
  174. list-style: upper-roman;
  175. }
  176. li.L2 {
  177. list-style: decimal;
  178. }
  179. li.L3 {
  180. list-style: lower-alpha;
  181. }
  182. li.L4 {
  183. list-style: disc;
  184. }
  185. li.L5 {
  186. list-style: square;
  187. }
  188. li.L6 {
  189. list-style: circle;
  190. }
  191. li.L7 {
  192. list-style: lower-roman;
  193. }
  194. li.L8 {
  195. list-style: upper-alpha;
  196. }
  197. hr.poll {
  198. height: 10pt;
  199. color: white !important;
  200. background: #eee;
  201. border: 2px solid black;
  202. }
  203. div.poll {
  204. margin-top: 1ex;
  205. margin-bottom: 1ex;
  206. padding: 1ex 1ex;
  207. border: 1px solid #aaa;
  208. }
  209. input#openid_url {
  210. background: url(wikiicons/openidlogin-bg.gif) no-repeat;
  211. background-color: #fff;
  212. background-position: 0 50%;
  213. color: #000;
  214. padding-left: 18px;
  215. }
  216. /* Things to hide in printouts. */
  217. @media print {
  218. .actions { display: none; }
  219. .tags { display: none; }
  220. .feedbutton { display: none; }
  221. #searchform { display: none; }
  222. #blogform { display: none; }
  223. #backlinks { display: none; }
  224. }
  225. /* Provided for use by template plugin for floating info boxes. */
  226. .infobox {
  227. float: right;
  228. margin-left: 2ex;
  229. margin-top: 1ex;
  230. margin-bottom: 1ex;
  231. padding: 1ex 1ex;
  232. border: 1px solid #aaa;
  233. }
  234. /* Provided for use by template plugin for floating note boxes. */
  235. .notebox {
  236. float: right;
  237. margin-left: 2ex;
  238. margin-top: 1ex;
  239. margin-bottom: 1ex;
  240. padding: 1ex 1ex;
  241. border: 1px solid #aaa;
  242. width: 25%
  243. }
  244. /* Used by the popup template and for backlinks hiding. */
  245. .popup {
  246. border-bottom: 1px dotted #366;
  247. color: #366;
  248. }
  249. .popup .balloon,
  250. .popup .paren,
  251. .popup .expand {
  252. display: none;
  253. }
  254. .popup:hover .balloon,
  255. .popup:focus .balloon {
  256. position: absolute;
  257. display: inline;
  258. margin: 1em 0 0 -2em;
  259. padding: 0.625em;
  260. border: 2px solid;
  261. background-color: #dee;
  262. color: black;
  263. /* Nonstandard, but very nice. */
  264. opacity: 0.95;
  265. -moz-opacity: 0.95;
  266. filter: alpha(opacity=95);
  267. }
  268. /* Formbuilder styling */
  269. fieldset {
  270. margin: 1ex 0;
  271. border: 1px solid black;
  272. }
  273. legend {
  274. padding: 0 1ex;
  275. }
  276. .fb_submit {
  277. float: left;
  278. margin: 2px 0;
  279. }
  280. #signin_openid_url_label {
  281. float: left;
  282. margin-right: 1ex;
  283. }
  284. #signin_openid {
  285. padding: 10px 10px;
  286. border: 1px solid #aaa;
  287. background: #eee;
  288. color: black !important;
  289. }