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