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