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