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: 1em 0 1.4em 0; /* bottom margin = line-height */
107    padding: 0;
108    /*desbest edit */
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    /*desbest edit */
134}
135[dir=rtl] li,
136[dir=rtl] dd {
137    margin: 0 1.5em 0 0;
138}
139
140dt {
141    font-weight: bold;
142    margin: 0;
143    padding: 0;
144}
145
146li ul,
147li ol,
148li dl,
149dl ul,
150dl ol,
151dl dl {
152    margin-bottom: 0;
153    padding: 0;
154}
155li li {
156    font-size: 100%;
157}
158
159ul {
160    list-style: disc outside;
161}
162ol {
163    list-style: decimal outside;
164}
165ol ol {
166    list-style-type: lower-alpha;
167}
168ol ol ol {
169    list-style-type: upper-roman;
170}
171ol ol ol ol {
172    list-style-type: upper-alpha;
173}
174ol ol ol ol ol {
175    list-style-type: lower-roman;
176}
177
178
179/*____________ tables ____________*/
180
181table {
182    border-collapse: collapse;
183    empty-cells: show;
184    border-spacing: 0;
185    border: 1px solid __border__;
186}
187
188caption {
189    caption-side: top;
190    text-align: left;
191}
192[dir=rtl] caption {
193    text-align: right;
194}
195
196th,
197td {
198    padding: .3em .5em;
199    margin: 0;
200    vertical-align: top;
201    border: 1px solid __border__;
202}
203th {
204    font-weight: bold;
205    background-color: __background_alt__;
206    color: inherit;
207    text-align: left;
208}
209[dir=rtl] th {
210    text-align: right;
211}
212
213
214/*____________ links ____________*/
215
216a {
217}
218a:link,
219a:visited {
220    text-decoration: none;
221    /* color: #00c; */ /* §colour */
222    /*desbest edit */
223}
224a:link:hover,
225a:visited:hover,
226a:link:focus,
227a:visited:focus,
228a:link:active,
229a:visited:active {
230    text-decoration: underline;
231}
232a:link:focus,
233a:visited:focus {
234    outline: 1px dotted;
235}
236a:link:active,
237a:visited:active {
238    color: #c00; /* §colour */
239}
240
241
242/*____________ misc ____________*/
243
244img {
245    border-width: 0;
246    vertical-align: middle;
247    color: #666;
248    background-color: transparent;
249    font-style: italic;
250    height: auto;
251}
252
253img,
254object,
255embed,
256iframe,
257video,
258audio {
259    max-width: 100%;
260}
261
262iframe {
263    border-width: 0;
264    background-color: inherit;
265}
266
267/* IE8 and below won't display the images otherwise */
268#IE8 img,
269button img {
270    max-width: none;
271}
272
273hr {
274    border-style: solid;
275    border-width: 1px 0 0;
276    text-align: center;
277    height: 0;
278    width: 100%;
279    clear: both;
280}
281
282acronym,
283abbr {
284    font-style: normal;
285}
286acronym[title],
287abbr[title] {
288    cursor: help;
289    border-bottom: 1px dotted;
290}
291em acronym,
292em abbr {
293    font-style: italic;
294}
295
296mark {
297    background: __highlight__;
298    color: inherit;
299}
300
301pre,
302code,
303samp,
304kbd {
305    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
306    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
307    font-size: 1em;
308    background-color: __background_alt__;
309    color: __text__;
310    direction: ltr;
311    text-align: left;
312}
313pre {
314    border: 1px solid __border__;
315    padding: 0 .2em;
316    overflow: auto;
317    word-wrap: normal;
318}
319
320blockquote {
321    padding: 0 .5em;
322    border: solid __border__;
323    border-width: 0 0 0 .25em;
324}
325[dir=rtl] blockquote {
326    border-width: 0 .25em 0 0;
327}
328q:before,
329q:after {
330    content: '';
331}
332
333sub,
334sup {
335    font-size: .8em;
336    line-height: 1;
337}
338sub {
339    vertical-align: sub;
340}
341sup {
342    vertical-align: super;
343}
344
345small {
346    font-size: .8em;
347}
348
349/*____________ forms ____________*/
350
351form {
352    display: inline;
353    margin: 0;
354    padding: 0;
355}
356
357fieldset {
358    padding: .7em 1em 0;
359    padding: .7rem 1rem; /* for those browsers understanding :last-child */
360    border: 1px solid #999;
361}
362fieldset > :last-child {
363    margin-bottom: 0;
364}
365legend {
366    padding: 0 .1em;
367}
368
369label {
370    vertical-align: middle;
371    cursor: pointer;
372}
373
374input,
375textarea,
376button,
377select,
378optgroup,
379option,
380keygen,
381output,
382meter,
383progress {
384    font: inherit;
385    color: inherit;
386    /* background-color destroys button look */
387    line-height: normal;
388    margin: 0;
389    vertical-align: middle;
390    -moz-box-sizing: content-box;
391    -webkit-box-sizing: content-box;
392    box-sizing: content-box;
393}
394
395input,
396button,
397select,
398keygen,
399textarea {
400    padding: .1em;
401}
402input[type=radio],
403input[type=checkbox],
404input[type=image],
405input.check {
406    padding: 0;
407}
408
409input[type=submit],
410input[type=button],
411input[type=reset],
412input.button,
413button {
414    cursor: pointer;
415    overflow: visible;
416    padding: .1em .4em;
417}
418
419input[disabled],
420button[disabled],
421select[disabled],
422textarea[disabled],
423option[disabled],
424input[readonly],
425button[readonly],
426select[readonly],
427textarea[readonly] {
428    cursor: auto;
429    opacity: .5;
430}
431
432input:focus,
433button:focus,
434select:focus,
435keygen:focus,
436textarea:focus {
437    box-shadow: 0 0 5px #999;
438    outline: 0;
439}
440input::-moz-focus-inner,
441button::-moz-focus-inner {
442    border: 0;
443    padding: 0;
444}
445
446select {
447    max-width: 100%;
448}
449optgroup {
450    font-style: italic;
451    font-weight: bold;
452}
453option {
454    font-style: normal;
455    font-weight: normal;
456}
457