summaryrefslogtreecommitdiff
path: root/doc/style.css
blob: f9a69c4f15ef4796c6cbe011839e978a1651ce2a (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 .diff {
  81. display: none;
  82. }
  83. .recentchanges .committer {
  84. float: left;
  85. margin: 0;
  86. width: 40%;
  87. }
  88. .recentchanges .committype {
  89. float: left;
  90. margin: 0;
  91. width: 5%;
  92. font-size: small;
  93. }
  94. .recentchanges .changedate {
  95. float: left;
  96. margin: 0;
  97. width: 35%;
  98. font-size: small;
  99. }
  100. .recentchanges .pagelinks {
  101. float: right;
  102. margin: 0;
  103. width: 60%;
  104. }
  105. /* Used for adding a blog page. */
  106. #blogform {
  107. padding: 10px 10px;
  108. border: 1px solid #aaa;
  109. background: #eee;
  110. color: black !important;
  111. }
  112. .inlinepage {
  113. padding: 10px 10px;
  114. border: 1px solid #aaa;
  115. }
  116. .pagedate,
  117. .pagelicense,
  118. .pagecopyright {
  119. clear: both;
  120. font-style: italic;
  121. display: block;
  122. margin-top: 1em;
  123. }
  124. /* Used for invalid form fields. */
  125. .fb_invalid {
  126. color: red;
  127. background: white !important;
  128. }
  129. /* Used for required form fields. */
  130. .fb_required {
  131. font-weight: bold;
  132. }
  133. /* Orange feed button. */
  134. .feedbutton {
  135. background: #ff6600;
  136. color: white !important;
  137. border-left: 1px solid #cc9966;
  138. border-top: 1px solid #ccaa99;
  139. border-right: 1px solid #993300;
  140. border-bottom: 1px solid #331100;
  141. padding: 0px 0.5em 0px 0.5em;
  142. font-family: sans-serif;
  143. font-weight: bold;
  144. font-size: small;
  145. text-decoration: none;
  146. margin-top: 1em;
  147. }
  148. .feedbutton:hover {
  149. color: white !important;
  150. background: #ff9900;
  151. }
  152. /* Tag cloud. */
  153. .pagecloud {
  154. float: right;
  155. width: 30%;
  156. text-align: center;
  157. padding: 10px 10px;
  158. border: 1px solid #aaa;
  159. background: #eee;
  160. color: black !important;
  161. }
  162. .smallestPC { font-size: 70%; }
  163. .smallPC { font-size: 85%; }
  164. .normalPC { font-size: 100%; }
  165. .bigPC { font-size: 115%; }
  166. .biggestPC { font-size: 130%; }
  167. #sidebar {
  168. line-height: 3ex;
  169. width: 20ex;
  170. float: right;
  171. margin-left: 40px;
  172. margin-bottom: 40px;
  173. padding: 2ex 2ex;
  174. }
  175. /* outlines */
  176. li.L1 {
  177. list-style: upper-roman;
  178. }
  179. li.L2 {
  180. list-style: decimal;
  181. }
  182. li.L3 {
  183. list-style: lower-alpha;
  184. }
  185. li.L4 {
  186. list-style: disc;
  187. }
  188. li.L5 {
  189. list-style: square;
  190. }
  191. li.L6 {
  192. list-style: circle;
  193. }
  194. li.L7 {
  195. list-style: lower-roman;
  196. }
  197. li.L8 {
  198. list-style: upper-alpha;
  199. }
  200. hr.poll {
  201. height: 10pt;
  202. color: white !important;
  203. background: #eee;
  204. border: 2px solid black;
  205. }
  206. div.poll {
  207. margin-top: 1ex;
  208. margin-bottom: 1ex;
  209. padding: 1ex 1ex;
  210. border: 1px solid #aaa;
  211. }
  212. input#openid_url {
  213. background: url(wikiicons/openidlogin-bg.gif) no-repeat;
  214. background-color: #fff;
  215. background-position: 0 50%;
  216. color: #000;
  217. padding-left: 18px;
  218. }
  219. /* Things to hide in printouts. */
  220. @media print {
  221. .actions { display: none; }
  222. .tags { display: none; }
  223. .feedbutton { display: none; }
  224. #searchform { display: none; }
  225. #blogform { display: none; }
  226. #backlinks { display: none; }
  227. }
  228. /* Provided for use by template plugin for floating info boxes. */
  229. .infobox {
  230. float: right;
  231. margin-left: 2ex;
  232. margin-top: 1ex;
  233. margin-bottom: 1ex;
  234. padding: 1ex 1ex;
  235. border: 1px solid #aaa;
  236. }
  237. /* Provided for use by template plugin for floating note boxes. */
  238. .notebox {
  239. float: right;
  240. margin-left: 2ex;
  241. margin-top: 1ex;
  242. margin-bottom: 1ex;
  243. padding: 1ex 1ex;
  244. border: 1px solid #aaa;
  245. width: 25%
  246. }
  247. /* Used by the popup template and for backlinks hiding. */
  248. .popup {
  249. border-bottom: 1px dotted #366;
  250. color: #366;
  251. }
  252. .popup .balloon,
  253. .popup .paren,
  254. .popup .expand {
  255. display: none;
  256. }
  257. .popup:hover .balloon,
  258. .popup:focus .balloon {
  259. position: absolute;
  260. display: inline;
  261. margin: 1em 0 0 -2em;
  262. padding: 0.625em;
  263. border: 2px solid;
  264. background-color: #dee;
  265. color: black;
  266. /* Nonstandard, but very nice. */
  267. opacity: 0.95;
  268. -moz-opacity: 0.95;
  269. filter: alpha(opacity=95);
  270. }
  271. /* Formbuilder styling */
  272. fieldset {
  273. margin: 1ex 0;
  274. border: 1px solid black;
  275. }
  276. legend {
  277. padding: 0 1ex;
  278. }
  279. .fb_submit {
  280. float: left;
  281. margin: 2px 0;
  282. }
  283. #signin_openid_url_label {
  284. float: left;
  285. margin-right: 1ex;
  286. }
  287. #signin_openid {
  288. padding: 10px 10px;
  289. border: 1px solid #aaa;
  290. background: #eee;
  291. color: black !important;
  292. }