1/* Although the template is building on Starter's CSS, it was necessary
2   to include this CSS reset by Eric Meyer.
3*/
4
5/* http://meyerweb.com/eric/tools/css/reset/
6   v2.0 | 20110126
7   License: none (public domain)
8*/
9
10html, body, div, span, applet, object, iframe,
11h1, h2, h3, h4, h5, h6, p, blockquote, pre,
12a, abbr, acronym, address, big, cite, code,
13del, dfn, em, img, ins, kbd, q, s, samp,
14small, strike, strong, sub, sup, tt, var,
15b, u, i, center,
16dl, dt, dd, ol, ul, li,
17fieldset, form, label, legend,
18table, caption, tbody, tfoot, thead, tr, th, td,
19article, aside, canvas, details, embed,
20figure, figcaption, footer, header, hgroup,
21menu, nav, output, ruby, section, summary,
22time, mark, audio, video {
23	margin: 0;
24	padding: 0;
25	border: 0;
26	font-size: 100%;
27	font: inherit;
28	vertical-align: baseline;
29}
30/* HTML5 display-role reset for older browsers */
31article, aside, details, figcaption, figure,
32footer, header, hgroup, menu, nav, section {
33	display: block;
34}
35body {
36	line-height: 1;
37	font-size: 14px;
38}
39/* Medium */
40@media (min-width: 600px) and (max-width: 999px) {
41    body { font-size: 16px; }
42}
43/* Large */
44@media (min-width: 1000px) and (max-width: 1799px) {
45    body { font-size: 18px; }
46}
47/* Jumbo */
48@media (min-width: 1800px) {
49    body { font-size: 20px; }
50}
51
52ol, ul {
53	list-style: none;
54}
55blockquote, q {
56	quotes: none;
57}
58blockquote:before, blockquote:after,
59q:before, q:after {
60	content: '';
61	content: none;
62}
63table {
64	border-collapse: collapse;
65	border-spacing: 0;
66}
67
68/* End reset */
69
70
71
72/**
73 * This file provides the most basic styles.
74 *
75 * If you integrate DokuWiki into another project, you might either
76 * want to integrate this file into the other project as well, or use
77 * the other project's basic CSS for DokuWiki instead of this one.
78 *
79 * @author Anika Henke <anika@selfthinker.org>
80 */
81
82html {
83    overflow-x: auto;
84    overflow-y: scroll;
85}
86html,
87body {
88    background-color: __background__;
89    color: __text__;
90    margin: 0;
91    padding: 0;
92    line-height: 1.5em;
93}
94
95/*____________ headers ____________*/
96
97h1,
98h2,
99h3,
100h4,
101h5,
102h6 {
103    font-family: serif;
104    font-weight: bold;
105    color: __text_neu__;
106    background-color: inherit;
107    padding: 0;
108    line-height: 1.2;
109    clear: left; /* ideally 'both', but problems with toc */
110}
111[dir=rtl] h1,
112[dir=rtl] h2,
113[dir=rtl] h3,
114[dir=rtl] h4,
115[dir=rtl] h5,
116[dir=rtl] h6 {
117    clear: right;
118}
119
120h1 {
121    font-size: 2.25em;
122    margin: 0 0 0.444em;
123}
124h2 {
125    font-size: 1.5em;
126    margin: 0 0 0.666em;
127}
128h3 {
129    font-size: 1.125em;
130    margin: 0 0 0.888em;
131}
132h4 {
133    font-size: 1em;
134    margin: 0 0 1.0em;
135}
136h5 {
137    font-size: .875em;
138    margin: 0 0 1.1428em;
139}
140h6 {
141    font-size: .75em;
142    margin: 0 0 1.333em;
143}
144/* bottom margin = 1 / font-size */
145
146caption,
147figcaption,
148summary,
149legend {
150    font-style: italic;
151    font-weight: normal;
152    line-height: 1.2;
153    padding: 0;
154    margin: 0 0 .35em;
155}
156
157
158/*____________ basic margins and paddings ____________*/
159
160p,
161ul,
162ol,
163dl,
164pre,
165table,
166hr,
167blockquote,
168figure,
169details,
170fieldset,
171address {
172    margin: 0 0 1.4em 0; /* bottom margin = line-height */
173    padding: 0;
174}
175
176div {
177    margin: 0;
178    padding: 0;
179}
180
181
182/*____________ lists ____________*/
183
184ul,
185ol {
186    padding: 0 0 0 1.5em;
187}
188[dir=rtl] ul,
189[dir=rtl] ol {
190    padding: 0 1.5em 0 0;
191}
192
193li,
194dd {
195    padding: 0;
196    margin: 0 0 0 1.5em;
197}
198[dir=rtl] li,
199[dir=rtl] dd {
200    margin: 0 1.5em 0 0;
201}
202
203dt {
204    font-weight: bold;
205    margin: 0;
206    padding: 0;
207}
208
209li ul,
210li ol,
211li dl,
212dl ul,
213dl ol,
214dl dl {
215    margin-bottom: 0;
216    padding: 0;
217}
218li li {
219    font-size: 100%;
220}
221
222ul {
223    list-style: disc outside;
224}
225ol {
226    list-style: decimal outside;
227}
228ol ol {
229    list-style-type: lower-alpha;
230}
231ol ol ol {
232    list-style-type: upper-roman;
233}
234ol ol ol ol {
235    list-style-type: upper-alpha;
236}
237ol ol ol ol ol {
238    list-style-type: lower-roman;
239}
240
241
242/*____________ tables ____________*/
243
244table {
245    border-collapse: collapse;
246    empty-cells: show;
247    border-spacing: 0;
248    border: 1px solid __border__;
249}
250
251caption {
252    caption-side: top;
253    text-align: left;
254}
255[dir=rtl] caption {
256    text-align: right;
257}
258
259th,
260td {
261    padding: .3em .5em;
262    margin: 0;
263    vertical-align: top;
264    border: 1px solid __border__;
265}
266th {
267    font-weight: bold;
268    background-color: __background_alt__;
269    color: inherit;
270    text-align: left;
271}
272[dir=rtl] th {
273    text-align: right;
274}
275
276
277/*____________ links ____________*/
278
279a {
280}
281a:link,
282a:visited {
283    text-decoration: none;
284    color: #009; /* §colour */
285}
286a:link:hover,
287a:visited:hover,
288a:link:focus,
289a:visited:focus,
290a:link:active,
291a:visited:active {
292    text-decoration: underline;
293}
294a:link:focus,
295a:visited:focus {
296    outline: 1px dotted;
297}
298a:link:active,
299a:visited:active {
300    color: #900; /* §colour */
301}
302
303
304/*____________ misc ____________*/
305
306img {
307    border-width: 0;
308    vertical-align: middle;
309    color: #666;
310    background-color: transparent;
311    font-style: italic;
312    height: auto;
313}
314
315img,
316object,
317embed,
318iframe,
319video,
320audio {
321    max-width: 100%;
322}
323
324iframe {
325    border-width: 0;
326    background-color: inherit;
327}
328
329/* IE8 and below won't display the images otherwise */
330#IE7 img,
331#IE8 img,
332button img {
333    max-width: none;
334}
335
336hr {
337    border-style: solid;
338    border-width: 1px 0 0;
339    text-align: center;
340    height: 0;
341    width: 100%;
342    clear: both;
343}
344
345acronym,
346abbr {
347    font-style: normal;
348}
349acronym[title],
350abbr[title] {
351    cursor: help;
352    border-bottom: 1px dotted;
353}
354em acronym,
355em abbr {
356    font-style: italic;
357}
358
359mark {
360    background: __highlight__;
361    color: inherit;
362}
363
364pre,
365code,
366samp,
367kbd {
368    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
369    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
370    font-size: 1em;
371    background-color: __background_alt__;
372    color: __text__;
373    direction: ltr;
374    text-align: left;
375}
376pre {
377    border: 1px solid __border__;
378    padding: 0 .2em;
379    overflow: auto;
380    word-wrap: normal;
381}
382
383blockquote {
384    padding: 0 .5em;
385    border: solid __border__;
386    border-width: 0 0 0 .25em;
387}
388[dir=rtl] blockquote {
389    border-width: 0 .25em 0 0;
390}
391q:before,
392q:after {
393    content: '';
394}
395
396sub,
397sup {
398    font-size: .8em;
399    line-height: 1;
400}
401sub {
402    vertical-align: sub;
403}
404sup {
405    vertical-align: super;
406}
407
408small {
409    font-size: .8em;
410}
411strong {
412    font-weight: bold;
413}
414em {
415    font-style: italic;
416}
417
418/*____________ forms ____________*/
419
420form {
421    display: inline;
422    margin: 0;
423    padding: 0;
424}
425
426fieldset {
427    padding: .7em 1em 0;
428    padding: .7rem 1rem; /* for those browsers understanding :last-child */
429    border: 1px solid #999;
430}
431fieldset > :last-child {
432    margin-bottom: 0;
433}
434legend {
435    padding: 0 .1em;
436}
437
438label {
439    vertical-align: middle;
440    cursor: pointer;
441}
442
443input,
444textarea,
445button,
446select,
447optgroup,
448option,
449keygen,
450output,
451meter,
452progress {
453    font: inherit;
454    color: inherit;
455    /* background-color destroys button look */
456    line-height: normal;
457    margin: 0;
458    vertical-align: middle;
459    -moz-box-sizing: content-box;
460    -webkit-box-sizing: content-box;
461    box-sizing: content-box;
462}
463
464input,
465button,
466select,
467keygen,
468textarea {
469    padding: .1em;
470}
471input[type=radio],
472input[type=checkbox],
473input[type=image],
474input.check {
475    padding: 0;
476}
477
478input[type=submit],
479input[type=button],
480input[type=reset],
481input.button,
482button {
483    cursor: pointer;
484    overflow: visible;
485    padding: 0;
486}
487#IE7 .dokuwiki input.button,
488#IE7 .dokuwiki button {
489    line-height: 1.4;
490}
491
492input[disabled],
493button[disabled],
494select[disabled],
495textarea[disabled],
496option[disabled],
497input[readonly],
498button[readonly],
499select[readonly],
500textarea[readonly] {
501    cursor: auto;
502    opacity: .5;
503}
504
505input:focus,
506button:focus,
507select:focus,
508keygen:focus,
509textarea:focus {
510    box-shadow: 0 0 5px #999;
511    outline: 0;
512}
513input::-moz-focus-inner,
514button::-moz-focus-inner {
515    border: 0;
516    padding: 0;
517}
518
519select {
520    max-width: 100%;
521}
522optgroup {
523    font-style: italic;
524    font-weight: bold;
525}
526option {
527    font-style: normal;
528    font-weight: normal;
529}
530