You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

454 lines
6.7 KiB

  1. /**
  2. * This file provides the most basic styles.
  3. *
  4. * If you integrate DokuWiki into another project, you might either
  5. * want to integrate this file into the other project as well, or use
  6. * the other project's basic CSS for DokuWiki instead of this one.
  7. *
  8. * @author Anika Henke <anika@selfthinker.org>
  9. */
  10. html {
  11. overflow-x: auto;
  12. overflow-y: scroll;
  13. }
  14. html,
  15. body {
  16. background-color: __background__;
  17. color: __text__;
  18. margin: 0;
  19. padding: 0;
  20. }
  21. body {
  22. font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  23. /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
  24. -webkit-text-size-adjust: 100%;
  25. }
  26. /*____________ headers ____________*/
  27. h1,
  28. h2,
  29. h3,
  30. h4,
  31. h5,
  32. h6 {
  33. font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
  34. font-weight: bold;
  35. color: __text_neu__;
  36. background-color: inherit;
  37. padding: 0;
  38. line-height: 1.2;
  39. clear: left; /* ideally 'both', but problems with toc */
  40. }
  41. [dir=rtl] h1,
  42. [dir=rtl] h2,
  43. [dir=rtl] h3,
  44. [dir=rtl] h4,
  45. [dir=rtl] h5,
  46. [dir=rtl] h6 {
  47. clear: right;
  48. }
  49. h1 {
  50. font-size: 2.25em;
  51. margin: 0 0 0.444em;
  52. }
  53. h2 {
  54. font-size: 1.5em;
  55. margin: 0 0 0.666em;
  56. }
  57. h3 {
  58. font-size: 1.125em;
  59. margin: 0 0 0.888em;
  60. }
  61. h4 {
  62. font-size: 1em;
  63. margin: 0 0 1.0em;
  64. }
  65. h5 {
  66. font-size: .875em;
  67. margin: 0 0 1.1428em;
  68. }
  69. h6 {
  70. font-size: .75em;
  71. margin: 0 0 1.333em;
  72. }
  73. /* bottom margin = 1 / font-size */
  74. caption,
  75. figcaption,
  76. summary,
  77. legend {
  78. font-style: italic;
  79. font-weight: normal;
  80. line-height: 1.2;
  81. padding: 0;
  82. margin: 0 0 .35em;
  83. }
  84. /*____________ basic margins and paddings ____________*/
  85. p,
  86. ul,
  87. ol,
  88. dl,
  89. pre,
  90. table,
  91. hr,
  92. blockquote,
  93. figure,
  94. details,
  95. fieldset,
  96. address {
  97. margin: 0 0 1.4em 0; /* bottom margin = line-height */
  98. padding: 0;
  99. }
  100. div {
  101. margin: 0;
  102. padding: 0;
  103. }
  104. /*____________ lists ____________*/
  105. ul,
  106. ol {
  107. padding: 0 0 0 1.5em;
  108. }
  109. [dir=rtl] ul,
  110. [dir=rtl] ol {
  111. padding: 0 1.5em 0 0;
  112. }
  113. li,
  114. dd {
  115. padding: 0;
  116. margin: 0 0 0 1.5em;
  117. display: inline;
  118. }
  119. [dir=rtl] li,
  120. [dir=rtl] dd {
  121. margin: 0 1.5em 0 0;
  122. }
  123. dt {
  124. font-weight: bold;
  125. margin: 0;
  126. padding: 0;
  127. }
  128. li ul,
  129. li ol,
  130. li dl,
  131. dl ul,
  132. dl ol,
  133. dl dl {
  134. margin-bottom: 0;
  135. padding: 0;
  136. }
  137. li li {
  138. font-size: 100%;
  139. }
  140. ul {
  141. list-style: disc outside;
  142. }
  143. ol {
  144. list-style: decimal outside;
  145. }
  146. ol ol {
  147. list-style-type: lower-alpha;
  148. }
  149. ol ol ol {
  150. list-style-type: upper-roman;
  151. }
  152. ol ol ol ol {
  153. list-style-type: upper-alpha;
  154. }
  155. ol ol ol ol ol {
  156. list-style-type: lower-roman;
  157. }
  158. /*____________ tables ____________*/
  159. table {
  160. border-collapse: collapse;
  161. empty-cells: show;
  162. border-spacing: 0;
  163. border: 1px solid __border__;
  164. }
  165. caption {
  166. caption-side: top;
  167. text-align: left;
  168. }
  169. [dir=rtl] caption {
  170. text-align: right;
  171. }
  172. th,
  173. td {
  174. padding: .3em .5em;
  175. margin: 0;
  176. vertical-align: top;
  177. border: 1px solid __border__;
  178. }
  179. th {
  180. font-weight: bold;
  181. background-color: __background_alt__;
  182. color: inherit;
  183. text-align: left;
  184. }
  185. [dir=rtl] th {
  186. text-align: right;
  187. }
  188. /*____________ links ____________*/
  189. a {
  190. }
  191. a:link,
  192. a:visited {
  193. text-decoration: none;
  194. color: #00c; /* §colour */
  195. }
  196. a:link:hover,
  197. a:visited:hover,
  198. a:link:focus,
  199. a:visited:focus,
  200. a:link:active,
  201. a:visited:active {
  202. text-decoration: underline;
  203. }
  204. a:link:focus,
  205. a:visited:focus {
  206. outline: 1px dotted;
  207. }
  208. a:link:active,
  209. a:visited:active {
  210. color: #c00; /* §colour */
  211. }
  212. /*____________ misc ____________*/
  213. img {
  214. border-width: 0;
  215. vertical-align: middle;
  216. color: #666;
  217. background-color: transparent;
  218. font-style: italic;
  219. height: auto;
  220. }
  221. img,
  222. object,
  223. embed,
  224. iframe,
  225. video,
  226. audio {
  227. max-width: 100%;
  228. }
  229. iframe {
  230. border-width: 0;
  231. background-color: inherit;
  232. }
  233. /* IE8 and below won't display the images otherwise */
  234. #IE8 img,
  235. button img {
  236. max-width: none;
  237. }
  238. hr {
  239. border-style: solid;
  240. border-width: 1px 0 0;
  241. text-align: center;
  242. height: 0;
  243. width: 100%;
  244. clear: both;
  245. }
  246. acronym,
  247. abbr {
  248. font-style: normal;
  249. }
  250. acronym[title],
  251. abbr[title] {
  252. cursor: help;
  253. border-bottom: 1px dotted;
  254. }
  255. em acronym,
  256. em abbr {
  257. font-style: italic;
  258. }
  259. mark {
  260. background: __highlight__;
  261. color: inherit;
  262. }
  263. pre,
  264. code,
  265. samp,
  266. kbd {
  267. font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
  268. /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
  269. font-size: 1em;
  270. background-color: __background_alt__;
  271. color: __text__;
  272. direction: ltr;
  273. text-align: left;
  274. }
  275. pre {
  276. border: 1px solid __border__;
  277. padding: 0 .2em;
  278. overflow: auto;
  279. word-wrap: normal;
  280. }
  281. blockquote {
  282. padding: 0 .5em;
  283. border: solid __border__;
  284. border-width: 0 0 0 .25em;
  285. }
  286. [dir=rtl] blockquote {
  287. border-width: 0 .25em 0 0;
  288. }
  289. q:before,
  290. q:after {
  291. content: '';
  292. }
  293. sub,
  294. sup {
  295. font-size: .8em;
  296. line-height: 1;
  297. }
  298. sub {
  299. vertical-align: sub;
  300. }
  301. sup {
  302. vertical-align: super;
  303. }
  304. small {
  305. font-size: .8em;
  306. }
  307. /*____________ forms ____________*/
  308. form {
  309. display: inline;
  310. margin: 0;
  311. padding: 0;
  312. }
  313. fieldset {
  314. padding: .7em 1em 0;
  315. padding: .7rem 1rem; /* for those browsers understanding :last-child */
  316. border: 1px solid #999;
  317. }
  318. fieldset > :last-child {
  319. margin-bottom: 0;
  320. }
  321. legend {
  322. padding: 0 .1em;
  323. }
  324. label {
  325. vertical-align: middle;
  326. cursor: pointer;
  327. }
  328. input,
  329. textarea,
  330. button,
  331. select,
  332. optgroup,
  333. option,
  334. keygen,
  335. output,
  336. meter,
  337. progress {
  338. font: inherit;
  339. color: inherit;
  340. /* background-color destroys button look */
  341. line-height: normal;
  342. margin: 0;
  343. vertical-align: middle;
  344. -moz-box-sizing: content-box;
  345. -webkit-box-sizing: content-box;
  346. box-sizing: content-box;
  347. }
  348. input,
  349. button,
  350. select,
  351. keygen,
  352. textarea {
  353. padding: .1em;
  354. }
  355. input[type=radio],
  356. input[type=checkbox],
  357. input[type=image],
  358. input.check {
  359. padding: 0;
  360. }
  361. input[type=submit],
  362. input[type=button],
  363. input[type=reset],
  364. input.button,
  365. button {
  366. cursor: pointer;
  367. overflow: visible;
  368. padding: .1em .4em;
  369. }
  370. input[disabled],
  371. button[disabled],
  372. select[disabled],
  373. textarea[disabled],
  374. option[disabled],
  375. input[readonly],
  376. button[readonly],
  377. select[readonly],
  378. textarea[readonly] {
  379. cursor: auto;
  380. opacity: .5;
  381. }
  382. input:focus,
  383. button:focus,
  384. select:focus,
  385. keygen:focus,
  386. textarea:focus {
  387. box-shadow: 0 0 5px #999;
  388. outline: 0;
  389. }
  390. input::-moz-focus-inner,
  391. button::-moz-focus-inner {
  392. border: 0;
  393. padding: 0;
  394. }
  395. select {
  396. max-width: 100%;
  397. }
  398. optgroup {
  399. font-style: italic;
  400. font-weight: bold;
  401. }
  402. option {
  403. font-style: normal;
  404. font-weight: normal;
  405. }