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.

264 lines
5.2 KiB

14 years ago
14 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, 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-family: 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. font-size: 1em;
  147. direction: ltr;
  148. text-align: left;
  149. }
  150. pre {
  151. overflow: auto;
  152. }
  153. blockquote {
  154. padding: 0 1.25em;
  155. border: solid __border__;
  156. border-width: 0 0 0 .25em;
  157. }
  158. q:before, q:after {
  159. content: '';
  160. }
  161. sub, sup {
  162. font-size: .8em;
  163. line-height: 1;
  164. }
  165. sub {
  166. vertical-align: sub;
  167. }
  168. sup {
  169. vertical-align: super;
  170. }
  171. /*____________ forms ____________*/
  172. form {
  173. display: inline;
  174. margin: 0;
  175. padding: 0;
  176. }
  177. fieldset {
  178. padding: 1em 1em 0;
  179. border: 1px solid __text_alt__;
  180. }
  181. legend {
  182. margin: 0;
  183. padding: 0 .1em;
  184. }
  185. label {
  186. vertical-align: middle;
  187. cursor: pointer;
  188. }
  189. input, textarea, button,
  190. select, optgroup, option {
  191. font: inherit;
  192. color: inherit;
  193. /* background-color destroys button look */
  194. line-height: 1;
  195. margin: 0;
  196. vertical-align: middle;
  197. }
  198. input[type=text], input[type=password], textarea {
  199. padding: .1em;
  200. }
  201. input[type=radio], input[type=checkbox], input.check {
  202. padding: 0;
  203. }
  204. input[type=submit], input.button, button {
  205. cursor: pointer;
  206. }
  207. input[disabled], button[disabled],
  208. input[readonly], button[readonly] {
  209. cursor: auto;
  210. }
  211. optgroup { font-style: italic; font-weight: bold; }
  212. option { font-style: normal; font-weight: normal; }
  213. /*____________ general classes ____________*/
  214. div.clearer {
  215. /* additional to what's already in lib/styles/style.css: */
  216. font-size: 1px;
  217. visibility: hidden;
  218. }
  219. .a11y {
  220. position: absolute;
  221. left: -9000px;
  222. top: -4000px;
  223. width: 0;
  224. height: 0;
  225. overflow: hidden;
  226. display: inline;
  227. }