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