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    color: __text__;
18    /*background: __background_site__ url(images/page-gradient.png) top left repeat-x;*/
19    background: __background_site__ url(images/background_repeat.gif) top left repeat-x;
20    margin: 0;
21    padding: 0;
22}
23body {
24    font: normal 87.5%/1.4 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,
38caption,
39legend {
40    font-family: Arial, sans-serif;
41    font-weight: bold;
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[dir=rtl] caption,
53[dir=rtl] legend {
54    clear: right;
55}
56
57h1 {
58    font-size: 2em;
59    margin: 0 0 0.444em;
60}
61h2 {
62    font-size: 1.5em;
63    margin: 0 0 0.666em;
64}
65h3 {
66    font-size: 1.125em;
67    margin: 0 0 0.888em;
68}
69h4 {
70    font-size: 1em;
71    margin: 0 0 1.0em;
72}
73h5 {
74    font-size: .875em;
75    margin: 0 0 1.1428em;
76}
77h6 {
78    font-size: .75em;
79    margin: 0 0 1.333em;
80}
81/* bottom margin = 1 / font-size */
82
83
84/*____________ basic margins and paddings ____________*/
85
86p,
87ul,
88ol,
89dl,
90pre,
91table,
92hr,
93blockquote,
94fieldset,
95address {
96    margin: 0 0 1.4em 0; /* bottom margin = line-height */
97    padding: 0;
98}
99
100div {
101    margin: 0;
102    padding: 0;
103}
104
105
106/*____________ lists ____________*/
107
108ul,
109ol {
110    padding: 0 0 0 1.5em;
111}
112[dir=rtl] ul,
113[dir=rtl] ol {
114    padding: 0 1.5em 0 0;
115}
116
117li,
118dd {
119    padding: 0;
120    margin: 0 0 0 1.5em;
121}
122[dir=rtl] li,
123[dir=rtl] dd {
124    margin: 0 1.5em 0 0;
125}
126dt {
127    font-weight: bold;
128    margin: 0;
129    padding: 0;
130}
131
132li ul,
133li ol,
134li dl,
135dl ul,
136dl ol,
137dl dl {
138    margin-bottom: 0;
139    padding: 0;
140}
141li li {
142    font-size: 100%;
143}
144
145ul             { list-style: square outside; }
146ol             { list-style: decimal outside; }
147ol ol          { list-style-type: lower-alpha; }
148ol ol ol       { list-style-type: upper-roman; }
149ol ol ol ol    { list-style-type: upper-alpha; }
150ol ol ol ol ol { list-style-type: lower-roman; }
151
152
153/*____________ tables ____________*/
154
155table {
156    border-collapse: collapse;
157    empty-cells: show;
158    border-spacing: 0;
159    border: 1px solid __border__;
160}
161
162caption {
163    caption-side: top;
164    text-align: left;
165    margin: 0 0 .3em;
166}
167[dir=rtl] caption {
168    text-align: right;
169}
170
171th,
172td {
173    padding: .3em .5em;
174    margin: 0;
175    vertical-align: top;
176    border: 1px solid __border__;
177    text-align: left;
178}
179th {
180    font-weight: bold;
181    background-color: __background_alt__;
182}
183[dir=rtl] td,
184[dir=rtl] th {
185    text-align: right;
186}
187
188
189/*____________ links ____________*/
190
191a {
192    outline: none;
193}
194a:link,
195a:visited {
196    text-decoration: none;
197    color: __link__;
198}
199a:link:hover,
200a:visited:hover,
201a:link:focus,
202a:visited:focus,
203a:link:active,
204a:visited:active {
205    text-decoration: underline;
206}
207
208
209/*____________ misc ____________*/
210
211img {
212    border-width: 0;
213    vertical-align: middle;
214    color: #666;
215    background-color: transparent;
216    font-style: italic;
217    height: auto;
218}
219img,
220object {
221    max-width: 100%;
222}
223/* IE8 and below won't display the images otherwise */
224button img {
225    max-width: none;
226}
227
228hr {
229    border-top: solid __border__;
230    border-bottom: solid __background__;
231    border-width: 1px 0;
232    height: 0;
233    width: 100%;
234    text-align: center;
235    clear: both;
236}
237
238acronym,
239abbr {
240    cursor: help;
241    border-bottom: 1px dotted;
242    font-style: normal;
243}
244
245pre,
246code,
247samp,
248kbd {
249    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
250    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
251    font-size: 1em;
252    direction: ltr;
253    text-align: left;
254    background-color: #eee;
255    color: __text__;
256    box-shadow: inset 0 0 .3em __border__;
257    border-radius: 2px;
258}
259pre {
260    overflow: auto;
261    word-wrap: normal;
262    border: 1px solid __border__;
263    border-radius: 2px;
264    box-shadow: inset 0 0 .5em __border__;
265    padding: .7em 1em;
266}
267
268blockquote {
269    padding: 0 .5em;
270    border: solid __border__;
271    border-width: 0 0 0 .25em;
272}
273[dir=rtl] blockquote {
274    border-width: 0 .25em 0 0;
275}
276q:before,
277q:after {
278    content: '';
279}
280
281sub,
282sup {
283    font-size: .8em;
284    line-height: 1;
285}
286sub {
287    vertical-align: sub;
288}
289sup {
290    vertical-align: super;
291}
292
293/*____________ forms ____________*/
294
295/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
296
297form {
298    display: inline;
299    margin: 0;
300    padding: 0;
301}
302fieldset {
303    padding: 1em 1em 0;
304    border: 1px solid __text_alt__;
305}
306legend {
307    margin: 0;
308    padding: 0 .1em;
309}
310label {
311    vertical-align: middle;
312    cursor: pointer;
313}
314
315input,
316textarea,
317button,
318select,
319optgroup,
320option {
321    font: inherit;
322    font-weight: normal;
323    color: #333;
324    background-color: #fff;
325    line-height: 1;
326    margin: 0;
327    vertical-align: middle;
328    -moz-box-sizing: border-box;
329    -webkit-box-sizing: border-box;
330    box-sizing: border-box;
331}
332
333optgroup {
334    font-style: italic;
335    font-weight: bold;
336}
337option {
338    font-style: normal;
339    font-weight: normal;
340}
341
342input,
343textarea,
344select {
345    border: 1px solid #ccc;
346    box-shadow: inset 0 0 1px #eee;
347    border-radius: 2px;
348}
349input:active,
350input:focus,
351textarea:active,
352textarea:focus,
353select:active,
354select:focus {
355    border-color: #999;
356}
357input[type=radio],
358input[type=checkbox] {
359    padding: 0;
360    border-style: none;
361    box-shadow: none;
362}
363
364/* all types of buttons */
365input[type=submit],
366input.button,
367a.button,
368button,
369.qq-upload-button {
370    color: #333;
371    background-color: #eee;
372    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
373    /*background: -moz-linear-gradient(   top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); see FS#2447*/
374    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
375    background: -o-linear-gradient(     top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
376    background: -ms-linear-gradient(    top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
377    background: linear-gradient(        top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
378    border: 1px solid #ccc;
379    border-radius: 2px;
380    padding: .1em .5em;
381    cursor: pointer;
382}
383#IE7 input.button,
384#IE7 button {
385    line-height: 1.4;
386}
387
388input[type=submit]:hover,
389input[type=submit]:active,
390input[type=submit]:focus,
391input.button:hover,
392input.button:active,
393input.button:focus,
394a.button:hover,
395a.button:active,
396a.button:focus,
397button:hover,
398button:active,
399button:focus,
400.qq-upload-button:hover {
401    border-color: #999;
402    background-color: #ddd;
403    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
404    /*background: -moz-linear-gradient(   top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #cccccc 99%); see FS#2447*/
405    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
406    background: -o-linear-gradient(     top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
407    background: -ms-linear-gradient(    top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
408    background: linear-gradient(        top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
409}
410
411input::-moz-focus-inner,
412button::-moz-focus-inner {
413    border: 0;
414    padding: 0;
415}
416
417input[disabled],
418button[disabled],
419input[readonly],
420button[readonly] {
421    cursor: auto;
422}
423