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 * @author Octavia Nichols <octavia@octavianichols.com>
10 */
11
12html {
13    overflow-x: auto;
14    overflow-y: scroll;
15}
16html,
17body {
18    background-color: __background__;
19    color: __text__;
20    margin: 0;
21    padding: 0;
22}
23body {
24    font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
25    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
26    -webkit-text-size-adjust: 100%;
27}
28
29
30/*____________ headers ____________*/
31
32h1,
33h2,
34h3,
35h4,
36h5,
37h6 {
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.35em;
57    margin: 0 0 0.444em;
58}
59h2 {
60    font-size: 1.85em;
61    margin: 0 0 0.666em;
62}
63h3 {
64    font-size: 1.5625em;
65    margin: 0 0 0.888em;
66}
67h4 {
68    font-size: 1.375em;
69    margin: 0 0 1.0em;
70}
71h5 {
72    font-size: 1.1875em;
73    margin: 0 0 1.1428em;
74}
75h6 {
76    font-size: .875em;
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}
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: __link__;
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;
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}
248
249img,
250object,
251embed,
252iframe,
253video,
254audio {
255    max-width: 100%;
256}
257
258img,
259video {
260    height: auto;
261}
262
263iframe {
264    border-width: 0;
265    background-color: inherit;
266}
267
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    text-decoration: none;
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
349wbr {
350    display: inline-block;
351}
352
353/*____________ forms ____________*/
354
355form {
356    display: inline;
357    margin: 0;
358    padding: 0;
359}
360
361fieldset {
362    padding: .7em 1em 0;
363    padding: .7rem 1rem; /* for those browsers understanding :last-child */
364    border: 1px solid #999;
365}
366fieldset > :last-child {
367    margin-bottom: 0;
368}
369legend {
370    padding: 0 .1em;
371}
372
373label {
374    vertical-align: middle;
375    cursor: pointer;
376}
377
378input,
379textarea,
380button,
381select,
382optgroup,
383option,
384keygen,
385output,
386meter,
387progress {
388    font: inherit;
389    color: inherit;
390    /* background-color destroys button look */
391    line-height: normal;
392    margin: 0;
393    vertical-align: middle;
394    -moz-box-sizing: content-box;
395    -webkit-box-sizing: content-box;
396    box-sizing: content-box;
397}
398
399input,
400button,
401select,
402keygen,
403textarea {
404    padding: .1em;
405}
406input[type=radio],
407input[type=checkbox],
408input[type=image],
409input.check {
410    padding: 0;
411}
412
413input[type=submit],
414input[type=button],
415input[type=reset],
416input.button,
417button {
418    cursor: pointer;
419    overflow: visible;
420    padding: .1em .4em;
421}
422
423input[disabled],
424button[disabled],
425select[disabled],
426textarea[disabled],
427option[disabled],
428input[readonly],
429button[readonly],
430select[readonly],
431textarea[readonly] {
432    cursor: auto;
433    opacity: .5;
434}
435
436input:focus,
437button:focus,
438select:focus,
439keygen:focus,
440textarea:focus {
441    box-shadow: 0 0 5px #999;
442    outline: 0;
443}
444input::-moz-focus-inner,
445button::-moz-focus-inner {
446    border: 0;
447    padding: 0;
448}
449
450select {
451    max-width: 100%;
452}
453optgroup {
454    font-style: italic;
455    font-weight: bold;
456}
457option {
458    font-style: normal;
459    font-weight: normal;
460}
461