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