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