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.

392 lines
5.9 KiB

14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
14 years ago
13 years ago
14 years ago
  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, "Frutiger Linotype", Univers, Calibri, Myriad, "Nimbus Sans L", Tahoma, 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. }
  25. /*____________ headers ____________*/
  26. h1,
  27. h2,
  28. h3,
  29. h4,
  30. h5,
  31. h6,
  32. caption,
  33. legend {
  34. font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
  35. font-weight: bold;
  36. color: __text_neu__;
  37. background-color: inherit;
  38. padding: 0;
  39. line-height: 1.2;
  40. clear: left; /* ideally 'both', but problems with toc */
  41. }
  42. h1 {
  43. font-size: 2.25em;
  44. margin: 0 0 0.444em;
  45. }
  46. h2 {
  47. font-size: 1.5em;
  48. margin: 0 0 0.666em;
  49. }
  50. h3 {
  51. font-size: 1.125em;
  52. margin: 0 0 0.888em;
  53. }
  54. h4 {
  55. font-size: 1em;
  56. margin: 0 0 1.0em;
  57. }
  58. h5 {
  59. font-size: .875em;
  60. margin: 0 0 1.1428em;
  61. }
  62. h6 {
  63. font-size: .75em;
  64. margin: 0 0 1.333em;
  65. }
  66. /* bottom margin = 1 / font-size */
  67. /*____________ basic margins and paddings ____________*/
  68. p,
  69. ul,
  70. ol,
  71. dl,
  72. pre,
  73. table,
  74. hr,
  75. blockquote,
  76. fieldset,
  77. address {
  78. margin: 0 0 1.4em 0; /* bottom margin = line-height */
  79. padding: 0;
  80. }
  81. div {
  82. margin: 0;
  83. padding: 0;
  84. }
  85. /*____________ lists ____________*/
  86. ul,
  87. ol {
  88. padding: 0 0 0 1.5em;
  89. }
  90. li,
  91. dd {
  92. padding: 0;
  93. margin: 0 0 0 1.5em;
  94. }
  95. dt {
  96. font-weight: bold;
  97. margin: 0;
  98. padding: 0;
  99. }
  100. li ul,
  101. li ol,
  102. li dl,
  103. dl ul,
  104. dl ol,
  105. dl dl {
  106. margin-bottom: 0;
  107. padding: 0;
  108. }
  109. li li {
  110. font-size: 100%;
  111. }
  112. ul {
  113. list-style: disc outside;
  114. }
  115. ol {
  116. list-style: decimal outside;
  117. }
  118. ol ol {
  119. list-style-type: lower-alpha;
  120. }
  121. ol ol ol {
  122. list-style-type: upper-roman;
  123. }
  124. ol ol ol ol {
  125. list-style-type: upper-alpha;
  126. }
  127. ol ol ol ol ol {
  128. list-style-type: lower-roman;
  129. }
  130. /*____________ tables ____________*/
  131. table {
  132. border-collapse: collapse;
  133. empty-cells: show;
  134. border-spacing: 0;
  135. border: 1px solid __border__;
  136. }
  137. caption {
  138. caption-side: top;
  139. text-align: left;
  140. margin: 0 0 .3em;
  141. }
  142. th,
  143. td {
  144. padding: .3em .5em;
  145. margin: 0;
  146. vertical-align: top;
  147. border: 1px solid __border__;
  148. text-align: left;
  149. }
  150. th {
  151. font-weight: bold;
  152. background-color: __background_alt__;
  153. }
  154. /*____________ links ____________*/
  155. a {
  156. }
  157. a:link,
  158. a:visited {
  159. text-decoration: none;
  160. color: #00c; /* §colour */
  161. }
  162. a:link:hover,
  163. a:visited:hover,
  164. a:link:focus,
  165. a:visited:focus,
  166. a:link:active,
  167. a:visited:active {
  168. text-decoration: underline;
  169. }
  170. a:link:focus,
  171. a:visited:focus {
  172. outline: 1px dotted;
  173. }
  174. a:link:active,
  175. a:visited:active {
  176. color: #c00; /* §colour */
  177. }
  178. /*____________ misc ____________*/
  179. img {
  180. border-width: 0;
  181. vertical-align: middle;
  182. color: #666;
  183. background-color: transparent;
  184. font-style: italic;
  185. height: auto;
  186. }
  187. img,
  188. object {
  189. max-width: 100%;
  190. }
  191. /* IE8 and below won't display the images otherwise */
  192. button img {
  193. max-width: none;
  194. }
  195. hr {
  196. border-style: solid;
  197. border-width: 1px 0 0;
  198. text-align: center;
  199. height: 0;
  200. width: 100%;
  201. clear: both;
  202. }
  203. acronym,
  204. abbr {
  205. cursor: help;
  206. border-bottom: 1px dotted;
  207. font-style: normal;
  208. }
  209. pre,
  210. code,
  211. samp,
  212. kbd {
  213. font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
  214. /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
  215. font-size: 1em;
  216. direction: ltr;
  217. text-align: left;
  218. }
  219. pre {
  220. overflow: auto;
  221. word-wrap: normal;
  222. }
  223. blockquote {
  224. padding: 0 .5em;
  225. border: solid __border__;
  226. border-width: 0 0 0 .25em;
  227. }
  228. q:before,
  229. q:after {
  230. content: '';
  231. }
  232. sub,
  233. sup {
  234. font-size: .8em;
  235. line-height: 1;
  236. }
  237. sub {
  238. vertical-align: sub;
  239. }
  240. sup {
  241. vertical-align: super;
  242. }
  243. /*____________ forms ____________*/
  244. form {
  245. display: inline;
  246. margin: 0;
  247. padding: 0;
  248. }
  249. fieldset {
  250. padding: 1em 1em 0;
  251. border: 1px solid __text_alt__;
  252. }
  253. legend {
  254. margin: 0;
  255. padding: 0 .1em;
  256. }
  257. label {
  258. vertical-align: middle;
  259. cursor: pointer;
  260. }
  261. input,
  262. textarea,
  263. button,
  264. select,
  265. optgroup,
  266. option {
  267. font: inherit;
  268. color: inherit;
  269. /* background-color destroys button look */
  270. line-height: 1;
  271. margin: 0;
  272. vertical-align: middle;
  273. }
  274. input[type=text],
  275. input[type=password],
  276. textarea {
  277. padding: .1em;
  278. }
  279. input[type=radio],
  280. input[type=checkbox],
  281. input.check {
  282. padding: 0;
  283. }
  284. input[type=submit],
  285. input.button,
  286. button {
  287. cursor: pointer;
  288. }
  289. input[disabled],
  290. button[disabled],
  291. input[readonly],
  292. button[readonly] {
  293. cursor: auto;
  294. }
  295. optgroup {
  296. font-style: italic;
  297. font-weight: bold;
  298. }
  299. option {
  300. font-style: normal;
  301. font-weight: normal;
  302. }
  303. /*____________ general classes ____________*/
  304. div.clearer {
  305. /* additional to what's already in DokuWiki's lib/styles/all.css: */
  306. font-size: 1px;
  307. visibility: hidden;
  308. }
  309. .a11y {
  310. position: absolute;
  311. left: -9000px;
  312. top: -4000px;
  313. width: 0;
  314. height: 0;
  315. overflow: hidden;
  316. display: inline;
  317. }
  318. /*____________ rtl corrections ____________*/
  319. [dir=rtl] caption,
  320. [dir=rtl] td,
  321. [dir=rtl] th {
  322. text-align: right;
  323. }
  324. [dir=rtl] ul,
  325. [dir=rtl] ol {
  326. padding: 0 1.5em 0 0;
  327. }
  328. [dir=rtl] li,
  329. [dir=rtl] dd {
  330. margin: 0 1.5em 0 0;
  331. }
  332. [dir=rtl] blockquote {
  333. border-width: 0 .25em 0 0;
  334. }
  335. [dir=rtl] h1,
  336. [dir=rtl] h2,
  337. [dir=rtl] h3,
  338. [dir=rtl] h4,
  339. [dir=rtl] h5,
  340. [dir=rtl] h6,
  341. [dir=rtl] caption,
  342. [dir=rtl] legend {
  343. clear: right;
  344. }
  345. [dir=rtl] .a11y {
  346. left: auto;
  347. right: -9000px;
  348. }