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