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: __link__;
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;
235}
236
237
238/*____________ misc ____________*/
239
240img,
241svg {
242    border-width: 0;
243    vertical-align: middle;
244    color: #666;
245    background-color: transparent;
246    font-style: italic;
247}
248
249img,
250svg,
251object,
252embed,
253iframe,
254video,
255audio {
256    max-width: 100%;
257}
258
259img,
260svg,
261video {
262    height: auto;
263}
264
265iframe {
266    border-width: 0;
267    background-color: inherit;
268}
269
270button img,
271button svg {
272    max-width: none;
273}
274
275hr {
276    border-style: solid;
277    border-width: 1px 0 0;
278    text-align: center;
279    height: 0;
280    width: 100%;
281    clear: both;
282}
283
284acronym,
285abbr {
286    font-style: normal;
287}
288acronym[title],
289abbr[title] {
290    cursor: help;
291    border-bottom: 1px dotted;
292    text-decoration: none;
293}
294em acronym,
295em abbr {
296    font-style: italic;
297}
298
299mark {
300    background: __highlight__;
301    color: inherit;
302}
303
304pre,
305code,
306samp,
307kbd {
308    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
309    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
310    font-size: 1em;
311    background-color: __background_alt__;
312    color: __text__;
313    direction: ltr;
314    text-align: left;
315}
316pre {
317    border: 1px solid __border__;
318    padding: 0 .2em;
319    overflow: auto;
320    word-wrap: normal;
321}
322
323blockquote {
324    padding: 0 .5em;
325    border: solid __border__;
326    border-width: 0 0 0 .25em;
327}
328[dir=rtl] blockquote {
329    border-width: 0 .25em 0 0;
330}
331q:before,
332q:after {
333    content: '';
334}
335
336sub,
337sup {
338    font-size: .8em;
339    line-height: 1;
340}
341sub {
342    vertical-align: sub;
343}
344sup {
345    vertical-align: super;
346}
347
348small {
349    font-size: .8em;
350}
351
352wbr {
353    display: inline-block;
354}
355
356/*____________ forms ____________*/
357
358form {
359    display: inline;
360    margin: 0;
361    padding: 0;
362}
363
364fieldset {
365    padding: .7em 1em 0;
366    padding: .7rem 1rem; /* for those browsers understanding :last-child */
367    border: 1px solid #999;
368}
369fieldset > :last-child {
370    margin-bottom: 0;
371}
372legend {
373    padding: 0 .1em;
374}
375
376label {
377    vertical-align: middle;
378    cursor: pointer;
379}
380
381input,
382textarea,
383button,
384select,
385optgroup,
386option,
387keygen,
388output,
389meter,
390progress {
391    font: inherit;
392    color: inherit;
393    /* background-color destroys button look */
394    line-height: normal;
395    margin: 0;
396    vertical-align: middle;
397    -moz-box-sizing: content-box;
398    -webkit-box-sizing: content-box;
399    box-sizing: content-box;
400}
401
402input,
403button,
404select,
405keygen,
406textarea {
407    padding: .1em;
408}
409input[type=radio],
410input[type=checkbox],
411input[type=image],
412input.check {
413    padding: 0;
414}
415
416input[type=submit],
417input[type=button],
418input[type=reset],
419input.button,
420button {
421    cursor: pointer;
422    overflow: visible;
423    padding: .1em .4em;
424}
425
426input[disabled],
427button[disabled],
428select[disabled],
429textarea[disabled],
430option[disabled],
431input[readonly],
432button[readonly],
433select[readonly],
434textarea[readonly] {
435    cursor: auto;
436    opacity: .5;
437}
438
439input:focus,
440button:focus,
441select:focus,
442keygen:focus,
443textarea:focus {
444    box-shadow: 0 0 5px #999;
445    outline: 0;
446}
447input::-moz-focus-inner,
448button::-moz-focus-inner {
449    border: 0;
450    padding: 0;
451}
452
453select {
454    max-width: 100%;
455}
456optgroup {
457    font-style: italic;
458    font-weight: bold;
459}
460option {
461    font-style: normal;
462    font-weight: normal;
463}
464