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}
15
16html,
17body {
18    margin: 0;
19    padding: 0;
20}
21
22
23/*____________ headers ____________*/
24
25caption,
26figcaption,
27summary,
28legend {
29    padding: 0;
30    margin: 0 0 .35em;
31    line-height: 1.2;
32}
33h1,
34h2,
35h3,
36h4,
37h5,
38h6 {
39    font-weight: bold;
40    padding: 0;
41    line-height: 1.2;
42    clear: left; /* ideally 'both', but problems with toc */
43}
44[dir=rtl] h1,
45[dir=rtl] h2,
46[dir=rtl] h3,
47[dir=rtl] h4,
48[dir=rtl] h5,
49[dir=rtl] h6 {
50    clear: right;
51}
52
53h1 {
54    font-size: 2em;
55    margin: 0 0 0.444em;
56}
57h2 {
58    font-size: 1.5em;
59    margin: 0 0 0.666em;
60}
61h3 {
62    font-size: 1.125em;
63    margin: 0 0 0.888em;
64}
65h4 {
66    font-size: 1em;
67    margin: 0 0 1.0em;
68}
69h5 {
70    font-size: .875em;
71    margin: 0 0 1.1428em;
72}
73h6 {
74    font-size: .75em;
75    margin: 0 0 1.333em;
76}
77/* bottom margin = 1 / font-size */
78
79
80/*____________ basic margins and paddings ____________*/
81
82p,
83ul,
84ol,
85dl,
86pre,
87table,
88hr,
89blockquote,
90figure,
91details,
92fieldset,
93address {
94    margin: 0 0 1.4em 0; /* bottom margin = line-height */
95    padding: 0;
96}
97
98div,
99video,
100audio {
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
145/*____________ tables ____________*/
146
147table {
148    border-collapse: collapse;
149    empty-cells: show;
150    border-spacing: 0;
151    border: 1px solid @ini_border;
152}
153
154caption {
155    caption-side: top;
156    text-align: left;
157}
158[dir=rtl] caption {
159    text-align: right;
160}
161
162th,
163td {
164    padding: .3em .5em;
165    margin: 0;
166    vertical-align: top;
167}
168th {
169    text-align: left;
170}
171[dir=rtl] th {
172    text-align: right;
173}
174
175/*____________ misc ____________*/
176
177img {
178    border-width: 0;
179    vertical-align: middle;
180    color: #666;
181    background-color: transparent;
182    font-style: italic;
183    height: auto;
184}
185video {
186    height: auto;
187}
188img,
189object,
190embed,
191iframe,
192video,
193audio {
194    max-width: 100%;
195}
196button img {
197    max-width: none;
198}
199
200hr {
201    border-top: solid @ini_border;
202    border-bottom: solid @ini_background;
203    border-width: 1px 0;
204    height: 0;
205    text-align: center;
206    clear: both;
207}
208
209acronym,
210abbr {
211    cursor: help;
212    border-bottom: 1px dotted;
213    font-style: normal;
214}
215em acronym,
216em abbr {
217    font-style: italic;
218}
219
220pre,
221code,
222samp,
223kbd {
224    direction: ltr;
225    text-align: left;
226}
227pre {
228    overflow: auto;
229    word-wrap: normal;
230}
231
232q:before,
233q:after {
234    content: '';
235}
236
237sub,
238sup {
239    font-size: .8em;
240    line-height: 1;
241}
242sub {
243    vertical-align: sub;
244}
245sup {
246    vertical-align: super;
247}
248
249small {
250    font-size: .8em;
251}
252
253/*____________ forms ____________*/
254
255/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */
256
257form {
258    display: inline;
259    margin: 0;
260    padding: 0;
261}
262fieldset {
263    padding: .7em 1em 0;
264    padding: .7rem 1rem; /* for those browsers understanding :last-child */
265    border: 1px solid @ini_text_alt;
266}
267fieldset > :last-child {
268    margin-bottom: 0;
269}
270legend {
271    margin: 0;
272    padding: 0 .1em;
273}
274label {
275    vertical-align: middle;
276    cursor: pointer;
277}
278
279select {
280    max-width: 100%;
281}
282optgroup {
283    font-style: italic;
284    font-weight: bold;
285}
286option {
287    font-style: normal;
288    font-weight: normal;
289}
290