summaryrefslogtreecommitdiff
path: root/doc/style.css
blob: 5ba8b299cc3bb6a2a9a5d9d245c7514cfa7ad1ed (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. #backlinks {
  32. margin: 1em 0;
  33. }
  34. .tags {
  35. clear: both;
  36. }
  37. div.tags {
  38. border-top: 1px solid #000;
  39. }
  40. #footer {
  41. margin: 1em 0;
  42. }
  43. #searchform {
  44. display: inline;
  45. float: right;
  46. }
  47. #editcontent {
  48. width: 100%;
  49. }
  50. /* Stuff for the RecentChanges table. */
  51. tr.changeheader {
  52. background: #eee;
  53. color: black !important;
  54. }
  55. tr.changeinfo {
  56. background: #eee;
  57. color: black !important;
  58. }
  59. th.changeheader {
  60. padding: 1px .3em;
  61. }
  62. td.changeinfo {
  63. padding: 1px .3em;
  64. }
  65. td.changetime {
  66. white-space: nowrap;
  67. padding: 1px .3em;
  68. }
  69. td.changelog {
  70. font-style: italic;
  71. }
  72. .pagecloud {
  73. padding: 10px 10px;
  74. border: 1px solid #aaa;
  75. background: #eee;
  76. color: black !important;
  77. }
  78. /* Used for adding a blog page. */
  79. #blogform {
  80. padding: 10px 10px;
  81. border: 1px solid #aaa;
  82. background: #eee;
  83. color: black !important;
  84. }
  85. .inlinepage {
  86. padding: 10px 10px;
  87. border: 1px solid #aaa;
  88. }
  89. .pageinfo {
  90. clear: both;
  91. font-style: italic;
  92. display: block;
  93. }
  94. /* Used for invalid form fields. */
  95. .fb_invalid {
  96. color: red;
  97. background: white !important;
  98. }
  99. /* Used for required form fields. */
  100. .fb_required {
  101. font-weight: bold;
  102. }
  103. /* Orange feed button. */
  104. .feedbutton {
  105. background: #ff6600;
  106. color: white !important;
  107. border-left: 1px solid #cc9966;
  108. border-top: 1px solid #ccaa99;
  109. border-right: 1px solid #993300;
  110. border-bottom: 1px solid #331100;
  111. padding: 0px 0.5em 0px 0.5em;
  112. font-family: sans-serif;
  113. font-weight: bold;
  114. font-size: small;
  115. text-decoration: none;
  116. margin-top: 1em;
  117. }
  118. .feedbutton:hover {
  119. color: white !important;
  120. background: #ff9900;
  121. }
  122. /* Tag cloud. */
  123. .pagecloud {
  124. float: right;
  125. width: 30%;
  126. text-align: center;
  127. }
  128. .smallestPC { font-size: 70%; }
  129. .smallPC { font-size: 85%; }
  130. .normalPC { font-size: 100%; }
  131. .bigPC { font-size: 115%; }
  132. .biggestPC { font-size: 130%; }
  133. #sidebar {
  134. line-height: 3ex;
  135. width: 20ex;
  136. float: right;
  137. margin-left: 40px;
  138. margin-bottom: 40px;
  139. padding: 2ex 2ex;
  140. }
  141. /* outlines */
  142. li.L1 {
  143. list-style: upper-roman;
  144. }
  145. li.L2 {
  146. list-style: decimal;
  147. }
  148. li.L3 {
  149. list-style: lower-alpha;
  150. }
  151. li.L4 {
  152. list-style: disc;
  153. }
  154. li.L5 {
  155. list-style: square;
  156. }
  157. li.L6 {
  158. list-style: circle;
  159. }
  160. li.L7 {
  161. list-style: lower-roman;
  162. }
  163. li.L8 {
  164. list-style: upper-alpha;
  165. }
  166. hr.poll {
  167. height: 10pt;
  168. color: white !important;
  169. background: #eee;
  170. border: 2px solid black;
  171. }
  172. div.poll {
  173. margin-top: 1ex;
  174. margin-bottom: 1ex;
  175. padding: 1ex 1ex;
  176. border: 1px solid #aaa;
  177. }
  178. input#openid_url {
  179. background: url(wikiicons/openidlogin-bg.gif) no-repeat;
  180. background-color: #fff;
  181. background-position: 0 50%;
  182. color: #000;
  183. padding-left: 18px;
  184. }
  185. /* Things to hide in printouts. */
  186. @media print {
  187. .actions { display: none; }
  188. .tags { display: none; }
  189. .feedbutton { display: none; }
  190. #searchform { display: none; }
  191. #blogform { display: none; }
  192. #backlinks { display: none; }
  193. }
  194. /* Provided for use by template plugin for floating info boxes. */
  195. .infobox {
  196. float: right;
  197. margin-left: 2ex;
  198. margin-top: 1ex;
  199. margin-bottom: 1ex;
  200. padding: 1ex 1ex;
  201. border: 1px solid #aaa;
  202. }
  203. /* Provided for use by template plugin for floating note boxes. */
  204. .notebox {
  205. float: right;
  206. margin-left: 2ex;
  207. margin-top: 1ex;
  208. margin-bottom: 1ex;
  209. padding: 1ex 1ex;
  210. border: 1px solid #aaa;
  211. width: 25%
  212. }
  213. /* Used by the popup template and for backlinks hiding. */
  214. .popup {
  215. border-bottom: 1px dotted #366;
  216. color: #366;
  217. }
  218. .popup .balloon,
  219. .popup .paren,
  220. .popup .expand {
  221. display: none;
  222. }
  223. .popup:hover .balloon,
  224. .popup:focus .balloon {
  225. position: absolute;
  226. display: inline;
  227. margin: 1em 0 0 -2em;
  228. padding: 0.625em;
  229. border: 2px solid;
  230. background-color: #dee;
  231. color: black;
  232. opacity: 0.95;
  233. -moz-opacity: 0.95;
  234. filter: alpha(opacity=95);
  235. }