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.

476 lines
7.1 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
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, 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. }
  118. [dir=rtl] li,
  119. [dir=rtl] dd {
  120. margin: 0 1.5em 0 0;
  121. }
  122. dt {
  123. font-weight: bold;
  124. margin: 0;
  125. padding: 0;
  126. }
  127. li ul,
  128. li ol,
  129. li dl,
  130. dl ul,
  131. dl ol,
  132. dl dl {
  133. margin-bottom: 0;
  134. padding: 0;
  135. }
  136. li li {
  137. font-size: 100%;
  138. }
  139. ul {
  140. list-style: disc outside;
  141. }
  142. ol {
  143. list-style: decimal outside;
  144. }
  145. ol ol {
  146. list-style-type: lower-alpha;
  147. }
  148. ol ol ol {
  149. list-style-type: upper-roman;
  150. }
  151. ol ol ol ol {
  152. list-style-type: upper-alpha;
  153. }
  154. ol ol ol ol ol {
  155. list-style-type: lower-roman;
  156. }
  157. /*____________ tables ____________*/
  158. table {
  159. border-collapse: collapse;
  160. empty-cells: show;
  161. border-spacing: 0;
  162. border: 1px solid __border__;
  163. }
  164. caption {
  165. caption-side: top;
  166. text-align: left;
  167. }
  168. [dir=rtl] caption {
  169. text-align: right;
  170. }
  171. th,
  172. td {
  173. padding: .3em .5em;
  174. margin: 0;
  175. vertical-align: top;
  176. border: 1px solid __border__;
  177. }
  178. th {
  179. font-weight: bold;
  180. background-color: __background_alt__;
  181. color: inherit;
  182. text-align: left;
  183. }
  184. [dir=rtl] th {
  185. text-align: right;
  186. }
  187. /*____________ links ____________*/
  188. a {
  189. }
  190. a:link,
  191. a:visited {
  192. text-decoration: none;
  193. color: #00c; /* §colour */
  194. }
  195. a:link:hover,
  196. a:visited:hover,
  197. a:link:focus,
  198. a:visited:focus,
  199. a:link:active,
  200. a:visited:active {
  201. text-decoration: underline;
  202. }
  203. a:link:focus,
  204. a:visited:focus {
  205. outline: 1px dotted;
  206. }
  207. a:link:active,
  208. a:visited:active {
  209. color: #c00; /* §colour */
  210. }
  211. /*____________ misc ____________*/
  212. img {
  213. border-width: 0;
  214. vertical-align: middle;
  215. color: #666;
  216. background-color: transparent;
  217. font-style: italic;
  218. height: auto;
  219. }
  220. img,
  221. object,
  222. embed,
  223. iframe,
  224. video,
  225. audio {
  226. max-width: 100%;
  227. }
  228. iframe {
  229. border-width: 0;
  230. background-color: inherit;
  231. }
  232. /* IE8 and below won't display the images otherwise */
  233. #IE8 img,
  234. button img {
  235. max-width: none;
  236. }
  237. hr {
  238. border-style: solid;
  239. border-width: 1px 0 0;
  240. text-align: center;
  241. height: 0;
  242. width: 100%;
  243. clear: both;
  244. }
  245. acronym,
  246. abbr {
  247. font-style: normal;
  248. }
  249. acronym[title],
  250. abbr[title] {
  251. cursor: help;
  252. border-bottom: 1px dotted;
  253. }
  254. em acronym,
  255. em abbr {
  256. font-style: italic;
  257. }
  258. mark {
  259. background: __highlight__;
  260. color: inherit;
  261. }
  262. pre,
  263. code,
  264. samp,
  265. kbd {
  266. font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
  267. /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
  268. font-size: 1em;
  269. background-color: __background_alt__;
  270. color: __text__;
  271. direction: ltr;
  272. text-align: left;
  273. }
  274. pre {
  275. border: 1px solid __border__;
  276. padding: 0 .2em;
  277. overflow: auto;
  278. word-wrap: normal;
  279. }
  280. blockquote {
  281. padding: 0 .5em;
  282. border: solid __border__;
  283. border-width: 0 0 0 .25em;
  284. }
  285. [dir=rtl] blockquote {
  286. border-width: 0 .25em 0 0;
  287. }
  288. q:before,
  289. q:after {
  290. content: '';
  291. }
  292. sub,
  293. sup {
  294. font-size: .8em;
  295. line-height: 1;
  296. }
  297. sub {
  298. vertical-align: sub;
  299. }
  300. sup {
  301. vertical-align: super;
  302. }
  303. small {
  304. font-size: .8em;
  305. }
  306. /*____________ forms ____________*/
  307. form {
  308. display: inline;
  309. margin: 0;
  310. padding: 0;
  311. }
  312. fieldset {
  313. padding: .7em 1em 0;
  314. padding: .7rem 1rem; /* for those browsers understanding :last-child */
  315. border: 1px solid #999;
  316. }
  317. fieldset > :last-child {
  318. margin-bottom: 0;
  319. }
  320. legend {
  321. padding: 0 .1em;
  322. }
  323. label {
  324. vertical-align: middle;
  325. cursor: pointer;
  326. }
  327. input,
  328. textarea,
  329. button,
  330. select,
  331. optgroup,
  332. option,
  333. keygen,
  334. output,
  335. meter,
  336. progress {
  337. font: inherit;
  338. color: inherit;
  339. /* background-color destroys button look */
  340. line-height: normal;
  341. margin: 0;
  342. vertical-align: middle;
  343. -moz-box-sizing: content-box;
  344. -webkit-box-sizing: content-box;
  345. box-sizing: content-box;
  346. }
  347. input,
  348. button,
  349. select,
  350. keygen,
  351. textarea {
  352. padding: .1em;
  353. }
  354. input[type=radio],
  355. input[type=checkbox],
  356. input[type=image],
  357. input.check {
  358. padding: 0;
  359. }
  360. input[type=submit],
  361. input[type=button],
  362. input[type=reset],
  363. input.button,
  364. button {
  365. cursor: pointer;
  366. overflow: visible;
  367. padding: .1em .4em;
  368. }
  369. input[disabled],
  370. button[disabled],
  371. select[disabled],
  372. textarea[disabled],
  373. option[disabled],
  374. input[readonly],
  375. button[readonly],
  376. select[readonly],
  377. textarea[readonly] {
  378. cursor: auto;
  379. opacity: .5;
  380. }
  381. input:focus,
  382. button:focus,
  383. select:focus,
  384. keygen:focus,
  385. textarea:focus {
  386. box-shadow: 0 0 5px #999;
  387. outline: 0;
  388. }
  389. input::-moz-focus-inner,
  390. button::-moz-focus-inner {
  391. border: 0;
  392. padding: 0;
  393. }
  394. select {
  395. max-width: 100%;
  396. }
  397. optgroup {
  398. font-style: italic;
  399. font-weight: bold;
  400. }
  401. option {
  402. font-style: normal;
  403. font-weight: normal;
  404. }
  405. /*____________ general classes ____________*/
  406. div.clearer {
  407. /* additional to what's already in DokuWiki's lib/styles/all.css: */
  408. font-size: 1px;
  409. visibility: hidden;
  410. }
  411. /* @deprecated: has been in lib/styles/screen.css since Angua */
  412. .a11y {
  413. position: absolute;
  414. left: -99999em;
  415. top: 0;
  416. width: 0;
  417. height: 0;
  418. overflow: hidden;
  419. display: inline;
  420. }
  421. [dir=rtl] .a11y {
  422. left: auto;
  423. right: -99999em;
  424. }