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    display: inline;
132}
133[dir=rtl] li,
134[dir=rtl] dd {
135    margin: 0 1.5em 0 0;
136}
137
138dt {
139    font-weight: bold;
140    margin: 0;
141    padding: 0;
142}
143
144li ul,
145li ol,
146li dl,
147dl ul,
148dl ol,
149dl dl {
150    margin-bottom: 0;
151    padding: 0;
152}
153li li {
154    font-size: 100%;
155}
156
157ul {
158    list-style: disc outside;
159}
160ol {
161    list-style: decimal outside;
162}
163ol ol {
164    list-style-type: lower-alpha;
165}
166ol ol ol {
167    list-style-type: upper-roman;
168}
169ol ol ol ol {
170    list-style-type: upper-alpha;
171}
172ol ol ol ol ol {
173    list-style-type: lower-roman;
174}
175
176
177/*____________ tables ____________*/
178
179table {
180    border-collapse: collapse;
181    empty-cells: show;
182    border-spacing: 0;
183    border: 1px solid __border__;
184}
185
186caption {
187    caption-side: top;
188    text-align: left;
189}
190[dir=rtl] caption {
191    text-align: right;
192}
193
194th,
195td {
196    padding: .3em .5em;
197    margin: 0;
198    vertical-align: top;
199    border: 1px solid __border__;
200}
201th {
202    font-weight: bold;
203    background-color: __background_alt__;
204    color: inherit;
205    text-align: left;
206}
207[dir=rtl] th {
208    text-align: right;
209}
210
211
212/*____________ links ____________*/
213
214a {
215}
216a:link,
217a:visited {
218    text-decoration: none;
219    /*color: #00c; */ /* desbest edit */
220    /* §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