summaryrefslogtreecommitdiff
path: root/doc/style.css
blob: 98a28f34769d34d43feb2a8d73f37fddd10442be (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. .inlineheader .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. }
  23. .pageheader .actions ul {
  24. border-bottom: 1px solid #000;
  25. }
  26. .inlinepage .actions ul {
  27. border-bottom: 0;
  28. }
  29. div.inlinecontent {
  30. margin-top: .4em;
  31. }
  32. .actions li {
  33. display: inline;
  34. padding: .2em .4em;
  35. }
  36. .pagefooter {
  37. clear: both;
  38. }
  39. .inlinefooter {
  40. clear: both;
  41. }
  42. .tags {
  43. }
  44. #pageinfo {
  45. margin: 1em 0;
  46. border-top: 1px solid #000;
  47. }
  48. div.tags {
  49. margin-top: 1em;
  50. }
  51. .mapparent {
  52. text-decoration: none;
  53. }
  54. .img caption {
  55. font-size: 80%;
  56. caption-side: bottom;
  57. text-align: center;
  58. }
  59. #backlinks {
  60. margin-top: 1em;
  61. }
  62. #searchform {
  63. display: inline;
  64. float: right;
  65. }
  66. #editcontent {
  67. width: 100%;
  68. }
  69. img {
  70. border-style: none;
  71. }
  72. div.recentchanges {
  73. border-style: solid;
  74. border-width: 1px;
  75. overflow: auto;
  76. clear: both;
  77. width: 100%;
  78. background: #eee;
  79. color: black !important;
  80. }
  81. .recentchanges .metadata {
  82. padding: 0px 0.5em;
  83. }
  84. .recentchanges .changelog {
  85. font-style: italic;
  86. clear: both;
  87. display: block;
  88. padding: 1px 2px;
  89. background: white !important;
  90. color: black !important;
  91. }
  92. .recentchanges .desc {
  93. display: none;
  94. }
  95. .recentchanges .diff {
  96. display: none;
  97. }
  98. .recentchanges .committer {
  99. float: left;
  100. margin: 0;
  101. width: 40%;
  102. }
  103. .recentchanges .committype {
  104. float: left;
  105. margin: 0;
  106. width: 5%;
  107. font-size: small;
  108. }
  109. .recentchanges .changedate {
  110. float: left;
  111. margin: 0;
  112. width: 35%;
  113. font-size: small;
  114. }
  115. .recentchanges .pagelinks {
  116. float: right;
  117. margin: 0;
  118. width: 60%;
  119. }
  120. /* Used for adding a blog page. */
  121. #blogform {
  122. padding: 10px 10px;
  123. border: 1px solid #aaa;
  124. background: #eee;
  125. color: black !important;
  126. }
  127. .inlinepage {
  128. padding: 10px 10px;
  129. border: 1px solid #aaa;
  130. }
  131. .pagedate,
  132. .pagelicense,
  133. .pagecopyright {
  134. font-style: italic;
  135. display: block;
  136. margin-top: 1em;
  137. }
  138. .error {
  139. color: #C00;
  140. }
  141. /* Used for invalid form fields. */
  142. .fb_invalid {
  143. color: red;
  144. background: white !important;
  145. }
  146. /* Used for required form fields. */
  147. .fb_required {
  148. font-weight: bold;
  149. }
  150. /* Orange feed button. */
  151. .feedbutton {
  152. background: #ff6600;
  153. color: white !important;
  154. border-left: 1px solid #cc9966;
  155. border-top: 1px solid #ccaa99;
  156. border-right: 1px solid #993300;
  157. border-bottom: 1px solid #331100;
  158. padding: 0px 0.5em 0px 0.5em;
  159. font-family: sans-serif;
  160. font-weight: bold;
  161. font-size: small;
  162. text-decoration: none;
  163. margin-top: 1em;
  164. }
  165. .feedbutton:hover {
  166. color: white !important;
  167. background: #ff9900;
  168. }
  169. /* Tag cloud. */
  170. .pagecloud {
  171. float: right;
  172. width: 30%;
  173. text-align: center;
  174. padding: 10px 10px;
  175. border: 1px solid #aaa;
  176. background: #eee;
  177. color: black !important;
  178. }
  179. .smallestPC { font-size: 70%; }
  180. .smallPC { font-size: 85%; }
  181. .normalPC { font-size: 100%; }
  182. .bigPC { font-size: 115%; }
  183. .biggestPC { font-size: 130%; }
  184. #sidebar {
  185. line-height: 3ex;
  186. width: 20ex;
  187. float: right;
  188. margin-left: 40px;
  189. margin-bottom: 40px;
  190. padding: 2ex 2ex;
  191. background: white;
  192. color: black !important;
  193. }
  194. /* outlines */
  195. li.L1 {
  196. list-style: upper-roman;
  197. }
  198. li.L2 {
  199. list-style: decimal;
  200. }
  201. li.L3 {
  202. list-style: lower-alpha;
  203. }
  204. li.L4 {
  205. list-style: disc;
  206. }
  207. li.L5 {
  208. list-style: square;
  209. }
  210. li.L6 {
  211. list-style: circle;
  212. }
  213. li.L7 {
  214. list-style: lower-roman;
  215. }
  216. li.L8 {
  217. list-style: upper-alpha;
  218. }
  219. hr.poll {
  220. height: 10pt;
  221. color: white !important;
  222. background: #eee;
  223. border: 2px solid black;
  224. }
  225. div.poll {
  226. margin-top: 1ex;
  227. margin-bottom: 1ex;
  228. padding: 1ex 1ex;
  229. border: 1px solid #aaa;
  230. }
  231. div.progress {
  232. margin-top: 1ex;
  233. margin-bottom: 1ex;
  234. border: 1px solid #888;
  235. width: 400px;
  236. background: #eee;
  237. color: black !important;
  238. padding: 1px;
  239. }
  240. div.progress-done {
  241. background: #ea6 !important;
  242. color: black !important;
  243. text-align: center;
  244. padding: 1px;
  245. }
  246. input#openid_url {
  247. background: url(wikiicons/openidlogin-bg.gif) no-repeat;
  248. background-color: #fff;
  249. background-position: 0 50%;
  250. color: #000;
  251. padding-left: 18px;
  252. }
  253. input#searchbox {
  254. background: url(wikiicons/search-bg.gif) no-repeat;
  255. background-color: #fff;
  256. background-position: 100% 50%;
  257. color: #000;
  258. padding-right: 16px;
  259. }
  260. /* Things to hide in printouts. */
  261. @media print {
  262. .actions { display: none; }
  263. .tags { display: none; }
  264. .feedbutton { display: none; }
  265. #searchform { display: none; }
  266. #blogform { display: none; }
  267. #backlinks { display: none; }
  268. }
  269. /* Provided for use by template plugin for floating info boxes. */
  270. .infobox {
  271. float: right;
  272. margin-left: 2ex;
  273. margin-top: 1ex;
  274. margin-bottom: 1ex;
  275. padding: 1ex 1ex;
  276. border: 1px solid #aaa;
  277. background: white;
  278. color: black !important;
  279. }
  280. /* Provided for use by template plugin for floating note boxes. */
  281. .notebox {
  282. float: right;
  283. margin-left: 2ex;
  284. margin-top: 1ex;
  285. margin-bottom: 1ex;
  286. padding: 1ex 1ex;
  287. border: 1px solid #aaa;
  288. width: 25%;
  289. background: white;
  290. color: black !important;
  291. }
  292. /* Used by the popup template and for backlinks hiding. */
  293. .popup {
  294. border-bottom: 1px dotted #366;
  295. color: #366;
  296. }
  297. .popup .balloon,
  298. .popup .paren,
  299. .popup .expand {
  300. display: none;
  301. }
  302. .popup:hover .balloon,
  303. .popup:focus .balloon {
  304. position: absolute;
  305. display: inline;
  306. margin: 1em 0 0 -2em;
  307. padding: 0.625em;
  308. border: 2px solid;
  309. background-color: #dee;
  310. color: black;
  311. }
  312. /* Formbuilder styling */
  313. fieldset {
  314. margin: 1ex 0;
  315. border: 1px solid black;
  316. }
  317. legend {
  318. padding: 0 1ex;
  319. }
  320. .fb_submit {
  321. float: left;
  322. margin: 2px 0;
  323. }
  324. #signin_openid_url_label {
  325. float: left;
  326. margin-right: 1ex;
  327. }
  328. #signin_openid {
  329. padding: 10px 10px;
  330. border: 1px solid #aaa;
  331. background: #eee;
  332. color: black !important;
  333. }
  334. span.color {
  335. padding: 2px;
  336. }
  337. .comment-header {
  338. font-style: italic;
  339. margin-top: .3em;
  340. }
  341. .comment .author {
  342. font-weight: bold;
  343. }
  344. .comment-subject {
  345. font-weight: bold;
  346. }
  347. .comment {
  348. border: 1px solid #aaa;
  349. padding: 3px;
  350. }