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