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;*/ /* desbest edit */
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: #21759b;
221    /*color: #00c;*/ /* desbest edit */ /* §colour */
222}
223a:link:hover,
224a:visited:hover,
225a:link:focus,
226a:visited:focus,
227a:link:active,
228a:visited:active {
229    text-decoration: underline;
230}
231a:link:focus,
232a:visited:focus {
233    outline: 1px dotted;
234}
235a:link:active,
236a:visited:active {
237    color: #c00; /* §colour */
238}
239
240
241/*____________ misc ____________*/
242
243img {
244    border-width: 0;
245    vertical-align: middle;
246    color: #666;
247    background-color: transparent;
248    font-style: italic;
249    height: auto;
250}
251
252img,
253object,
254embed,
255iframe,
256video,
257audio {
258    max-width: 100%;
259}
260
261iframe {
262    border-width: 0;
263    background-color: inherit;
264}
265
266/* IE8 and below won't display the images otherwise */
267#IE8 img,
268button img {
269    max-width: none;
270}
271
272hr {
273    border-style: solid;
274    border-width: 1px 0 0;
275    text-align: center;
276    height: 0;
277    width: 100%;
278    clear: both;
279}
280
281acronym,
282abbr {
283    font-style: normal;
284}
285acronym[title],
286abbr[title] {
287    cursor: help;
288    border-bottom: 1px dotted;
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
348/*____________ forms ____________*/
349
350form {
351    display: inline;
352    margin: 0;
353    padding: 0;
354}
355
356fieldset {
357    padding: .7em 1em 0;
358    padding: .7rem 1rem; /* for those browsers understanding :last-child */
359    border: 1px solid #999;
360}
361fieldset > :last-child {
362    margin-bottom: 0;
363}
364legend {
365    padding: 0 .1em;
366}
367
368label {
369    vertical-align: middle;
370    cursor: pointer;
371}
372
373input,
374textarea,
375button,
376select,
377optgroup,
378option,
379keygen,
380output,
381meter,
382progress {
383    font: inherit;
384    color: inherit;
385    /* background-color destroys button look */
386    line-height: normal;
387    margin: 0;
388    vertical-align: middle;
389    -moz-box-sizing: content-box;
390    -webkit-box-sizing: content-box;
391    box-sizing: content-box;
392}
393
394input,
395button,
396select,
397keygen,
398textarea {
399    padding: .1em;
400}
401input[type=radio],
402input[type=checkbox],
403input[type=image],
404input.check {
405    padding: 0;
406}
407
408input[type=submit],
409input[type=button],
410input[type=reset],
411input.button,
412button {
413    cursor: pointer;
414    overflow: visible;
415    padding: .1em .4em;
416}
417
418input[disabled],
419button[disabled],
420select[disabled],
421textarea[disabled],
422option[disabled],
423input[readonly],
424button[readonly],
425select[readonly],
426textarea[readonly] {
427    cursor: auto;
428    opacity: .5;
429}
430
431input:focus,
432button:focus,
433select:focus,
434keygen:focus,
435textarea:focus {
436    box-shadow: 0 0 5px #999;
437    outline: 0;
438}
439input::-moz-focus-inner,
440button::-moz-focus-inner {
441    border: 0;
442    padding: 0;
443}
444
445select {
446    max-width: 100%;
447}
448optgroup {
449    font-style: italic;
450    font-weight: bold;
451}
452option {
453    font-style: normal;
454    font-weight: normal;
455}
456