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