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, body {
16    background-color: __background_site__;
17    color: __text__;
18    margin: 0;
19    padding: 0;
20}
21body {
22    font: normal 81.25%/1.25 Verdana,Helvetica,Tahoma,Arial,Geneva, sans-serif;
23    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
24}
25
26
27/*____________ headers ____________*/
28
29h1, h2, h3, h4, h5, h6,
30caption, legend {
31    font-weight: bold;
32    color: __text_headline__;
33    background-color: inherit;
34    padding: 0;
35    clear: left; /* ideally 'both', but problems with toc */
36    margin: 0 0 0.5em 0;
37}
38
39h1 { font-size: 1.82em; letter-spacing: 0.2em; font-variant: small-caps; border-bottom: 1px solid __border_neu__; }
40h2 { font-size: 1.58em; letter-spacing: 0.15em; border-bottom: 1px solid __border_neu__; }
41h3 { font-size: 1.39em; letter-spacing: 0.05em; }
42h4 { font-size: 1.22em; }
43h5 { font-size: .97em; }
44
45[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5 {
46    clear: right;
47}
48
49
50/*____________ basic margins and paddings ____________*/
51
52p, ul, ol, dl, pre, table,
53hr, blockquote, fieldset, address {
54    margin: 0 0 1em 0;
55    padding: 0;
56}
57
58div {
59    margin: 0;
60    padding: 0;
61}
62
63p, dt, dd, td, th, li {
64}
65
66
67/*____________ lists ____________*/
68
69ul, ol {
70    padding: 0 0 0 2em;
71}
72[dir=rtl] ul, [dir=rtl] ol {
73    padding: 0 2em 0 0;
74}
75
76li, dd {
77    padding: 0;
78    margin: 0 0 0 1.5em;
79}
80[dir=rtl] li, [dir=rtl] dd {
81    margin: 0 1.5em 0 0;
82}
83dt {
84    font-weight: bold;
85    margin: 0;
86    padding: 0;
87}
88
89li ul, li ol, li dl,
90dl ul, dl ol, dl dl {
91    margin-bottom: 0;
92    padding: 0 0 0 1em;
93}
94li li {
95    font-size: 100%;
96}
97
98ul             { list-style: disc outside; }
99ul ul          { list-style-type: circle; }
100ul ul ul       { list-style-type: square; }
101ul ul ul ul    { list-style-type: circle; }
102ul ul ul ul ul { list-style-type: disc; }
103ol             { list-style: decimal outside; }
104ol ol          { list-style-type: lower-alpha; }
105ol ol ol       { list-style-type: upper-roman; }
106ol ol ol ol    { list-style-type: upper-alpha; }
107ol ol ol ol ol { list-style-type: lower-roman; }
108
109
110/*____________ tables ____________*/
111
112table {
113    border-collapse: collapse;
114    empty-cells: show;
115    border-spacing: 0.3em;
116}
117
118caption {
119    caption-side: top;
120    text-align: left;
121    margin: 0 0 .3em;
122}
123[dir=rtl] caption {
124    text-align: right;
125}
126
127th, td {
128    padding: .4em;
129    margin: 0;
130    vertical-align: top;
131}
132th {
133    font-weight: bold;
134    text-align: left;
135}
136[dir=rtl] th {
137    text-align: right;
138}
139
140
141/*____________ links ____________*/
142
143a {
144}
145a:link, a:visited {
146    text-decoration: none;
147    color: __link_normal__;
148}
149a:link:hover, a:visited:hover,
150a:link:focus, a:visited:focus,
151a:link:active, a:visited:active {
152    text-decoration: underline;
153}
154a:link:focus, a:visited:focus {
155    outline: 1px dotted;
156}
157a:link:active, a:visited:active {
158    color: #c00;
159}
160
161
162/*____________ misc ____________*/
163
164img {
165    border-width: 0;
166    vertical-align: middle;
167    color: #666;
168    background-color: transparent;
169    font-style: italic;
170    height: auto;
171}
172img,
173object,
174embed,
175iframe,
176video,
177audio {
178    max-width: 100%;
179}
180#IE7 img,
181#IE8 img {
182    max-width: none;
183}
184
185hr {
186    border: solid __border__;
187    border-width: 1px 0 0;
188    text-align: center;
189    height: 0;
190    width: 95%;
191    clear: both;
192    margin-left: auto;
193    margin-right: auto;
194}
195
196acronym, abbr {
197    cursor: help;
198    border-bottom: 1px dotted;
199    font-style: normal;
200}
201em acronym,
202em abbr {
203    font-style: italic;
204}
205
206pre, code, samp, kbd {
207    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
208    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
209    font-size: 1em;
210    direction: ltr;
211    text-align: left;
212    background-color: __background_neu__;
213    color: __text__;
214}
215pre {
216    padding: 0.5em;
217    overflow: auto;
218    word-wrap: normal;
219    border: 1px dashed __border__;
220}
221
222blockquote {
223    padding: 0 1.25em;
224    border: solid __border__;
225    border-width: 0 0 0 .25em;
226}
227[dir=rtl] blockquote {
228    border-width: 0 .25em 0 0;
229}
230q:before, q:after {
231    content: '';
232}
233
234sub, sup {
235    font-size: .8em;
236    line-height: 1;
237}
238sub {
239    vertical-align: sub;
240}
241sup {
242    vertical-align: super;
243}
244
245/*____________ forms ____________*/
246
247form {
248    display: inline;
249    margin: 0;
250    padding: 0;
251}
252fieldset {
253    padding: 1em 1em 0;
254    border: 1px solid __text_alt__;
255}
256legend {
257    margin: 0;
258    padding: 0 .1em;
259}
260label {
261    vertical-align: middle;
262    cursor: pointer;
263}
264input, textarea, button,
265select, optgroup, option {
266    font: inherit;
267    /*line-height: 1;*/
268    margin: 0;
269    vertical-align: middle;
270}
271input, textarea, button, select, .qq-upload-button {
272    border: 1px solid __border__;
273    background-color: __background__;
274    color: __text__;
275}
276input[type=text], input[type=password], textarea, .qq-upload-button {
277    padding: .1em;
278}
279input[type=radio], input[type=checkbox], input.check {
280    padding: 0;
281}
282input[type=submit], input.button, button, .qq-upload-button {
283    cursor: pointer;
284}
285input[disabled], button[disabled], select[disabled], textarea[disabled],
286input[readonly], button[readonly], select[readonly], textarea[readonly] {
287    cursor: auto;
288    opacity: .5;
289}
290optgroup { font-style: italic; font-weight: bold; }
291option   { font-style: normal; font-weight: normal; }
292
293
294/*____________ general classes ____________*/
295
296div.clearer {
297    /* additional to what's already in lib/styles/style.css: */
298    font-size: 1px;
299    visibility: hidden;
300}
301
302.a11y {
303    position: absolute;
304    left: -9000px;
305    top: -4000px;
306    width: 0;
307    height: 0;
308    overflow: hidden;
309    display: inline;
310}
311