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.

263 lines
5.2 KiB

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, body {
  15. background-color: __background__;
  16. color: __text__;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. body {
  21. font: normal 100%/1.4 Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  22. /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
  23. text-align: left;
  24. }
  25. /*____________ headers ____________*/
  26. h1, h2, h3, h4, h5, h6,
  27. caption, legend {
  28. font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, serif;
  29. font-weight: bold;
  30. color: __text_neu__;
  31. background-color: inherit;
  32. padding: 0;
  33. clear: left; /* ideally 'both', but problems with toc */
  34. }
  35. h1 { font-size: 2.25em; margin: 0 0 0.444em; }
  36. h2 { font-size: 1.5em; margin: 0 0 0.666em; }
  37. h3 { font-size: 1.125em; margin: 0 0 0.888em; }
  38. h4 { font-size: 1em; margin: 0 0 1.0em; }
  39. h5 { font-size: .875em; margin: 0 0 1.1428em; }
  40. h6 { font-size: .75em; margin: 0 0 1.333em; }
  41. /* bottom margin = 1 / font-size */
  42. /*____________ basic margins and paddings ____________*/
  43. p, ul, ol, dl, pre, table,
  44. hr, blockquote, fieldset, address {
  45. margin: 0 0 1.4em 0; /* bottom margin = line-height */
  46. padding: 0;
  47. }
  48. div {
  49. margin: 0;
  50. padding: 0;
  51. }
  52. p, dt, dd, td, th, li {
  53. }
  54. /*____________ lists ____________*/
  55. ul, ol {
  56. padding: 0 0 0 1.5em;
  57. }
  58. li, dd {
  59. padding: 0;
  60. margin: 0 0 0 1.5em;
  61. }
  62. dt {
  63. font-weight: bold;
  64. margin: 0;
  65. padding: 0;
  66. }
  67. li ul, li ol, li dl,
  68. dl ul, dl ol, dl dl {
  69. margin-bottom: 0;
  70. padding: 0;
  71. }
  72. li li {
  73. font-size: 100%;
  74. }
  75. ul { list-style: disc outside; }
  76. ol { list-style: decimal outside; }
  77. ol ol { list-style-type: lower-alpha; }
  78. ol ol ol { list-style-type: upper-roman; }
  79. ol ol ol ol { list-style-type: upper-alpha; }
  80. ol ol ol ol ol { list-style-type: lower-roman; }
  81. /*____________ tables ____________*/
  82. table {
  83. border-collapse: collapse;
  84. empty-cells: show;
  85. border-spacing: 0;
  86. border: 1px solid __border__;
  87. }
  88. caption {
  89. caption-side: top;
  90. text-align: left;
  91. margin: 0 0 .3em;
  92. }
  93. th, td {
  94. padding: .3em .5em;
  95. margin: 0;
  96. vertical-align: top;
  97. border: 1px solid __border__;
  98. text-align: left;
  99. }
  100. th {
  101. font-weight: bold;
  102. background-color: __background_alt__;
  103. }
  104. /*____________ links ____________*/
  105. a {
  106. }
  107. a:link, a:visited {
  108. text-decoration: none;
  109. color: #00c; /* §colour */
  110. }
  111. a:link:hover, a:visited:hover,
  112. a:link:focus, a:visited:focus,
  113. a:link:active, a:visited:active {
  114. text-decoration: underline;
  115. }
  116. a:link:focus, a:visited:focus {
  117. outline: 1px dotted;
  118. }
  119. a:link:active, a:visited:active {
  120. color: #c00; /* §colour */
  121. }
  122. /*____________ misc ____________*/
  123. img {
  124. border-width: 0;
  125. vertical-align: middle;
  126. color: #666;
  127. background-color: transparent;
  128. font-style: italic;
  129. }
  130. hr {
  131. border-style: solid;
  132. border-width: 1px 0 0;
  133. text-align: center;
  134. height: 0;
  135. width: 100%;
  136. clear: both;
  137. }
  138. acronym, abbr {
  139. cursor: help;
  140. border-bottom: 1px dotted;
  141. font-style: normal;
  142. }
  143. pre, code, samp, kbd {
  144. font: normal 1em Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace;
  145. /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
  146. direction: ltr;
  147. text-align: left;
  148. }
  149. pre {
  150. overflow: auto;
  151. }
  152. blockquote {
  153. padding: 0 1.25em;
  154. border: solid __border__;
  155. border-width: 0 0 0 .25em;
  156. }
  157. q:before, q:after {
  158. content: '';
  159. }
  160. sub, sup {
  161. font-size: .8em;
  162. line-height: 1;
  163. }
  164. sub {
  165. vertical-align: sub;
  166. }
  167. sup {
  168. vertical-align: super;
  169. }
  170. /*____________ forms ____________*/
  171. form {
  172. display: inline;
  173. margin: 0;
  174. padding: 0;
  175. }
  176. fieldset {
  177. padding: 1em 1em 0;
  178. border: 1px solid __text_alt__;
  179. }
  180. legend {
  181. margin: 0;
  182. padding: 0 .1em;
  183. }
  184. label {
  185. vertical-align: middle;
  186. cursor: pointer;
  187. }
  188. input, textarea, button,
  189. select, optgroup, option {
  190. font: inherit;
  191. color: inherit;
  192. /* background-color destroys button look */
  193. line-height: 1;
  194. margin: 0;
  195. vertical-align: middle;
  196. }
  197. input[type=text], input[type=password], textarea {
  198. padding: .1em;
  199. }
  200. input[type=radio], input[type=checkbox], input.check {
  201. padding: 0;
  202. }
  203. input[type=submit], input.button, button {
  204. cursor: pointer;
  205. }
  206. input[disabled], button[disabled],
  207. input[readonly], button[readonly] {
  208. cursor: auto;
  209. }
  210. optgroup { font-style: italic; font-weight: bold; }
  211. option { font-style: normal; font-weight: normal; }
  212. /*____________ general classes ____________*/
  213. div.clearer {
  214. /* additional to what's already in lib/styles/style.css: */
  215. font-size: 1px;
  216. visibility: hidden;
  217. }
  218. .a11y {
  219. position: absolute;
  220. left: -9000px;
  221. top: -4000px;
  222. width: 0;
  223. height: 0;
  224. overflow: hidden;
  225. display: inline;
  226. }