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