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