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