xref: /template/retro/css/design.css (revision a52b1359cd07ffbe5e34429a5cd310e1f38e8b43) 
1/**
2 * This file provides the main design styles.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Andreas Gohr <andi@splitbrain.org>
6 */
7
8
9/* header
10********************************************************************/
11
12#dokuwiki__header {
13    margin: 1em 0 0;
14}
15#IE7 #dokuwiki__header {
16    margin-top: 2em;
17}
18
19#dokuwiki__header .headings {
20    margin-bottom: 2.1em;
21}
22#dokuwiki__header h1 {
23    margin-bottom: 0;
24    font-size: 1.5em;
25}
26#dokuwiki__header h1 a {
27    text-decoration: none;
28    color: #00c;
29    background-color: inherit;
30}
31#dokuwiki__header p.claim {
32    margin-bottom: 0;
33}
34#dokuwiki__header h2 {
35    margin-bottom: 0;
36    font-size: 1.125em;
37}
38
39#dokuwiki__header .tools {
40    margin-bottom: 2.1em;
41}
42#dokuwiki__header .tools ul {
43    margin-bottom: 0;
44}
45#dokuwiki__header .tools ul li {
46    display: inline;
47}
48
49#dokuwiki__header form.search {
50    margin: .5em 0 0;
51    display: block;
52}
53#dokuwiki__header form.search #qsearch__in {
54    width: 12em;
55    margin-right: .5em;
56}
57
58#dokuwiki__header div.breadcrumbs {
59    margin-bottom: .3em;
60}
61#dokuwiki__header div.breadcrumbs a {
62    color: __existing__;
63    background-color: inherit;
64}
65
66
67/* tools
68********************************************************************/
69
70/* make wiki links look the same as tool links in tool bars */
71#dokuwiki__usertools a.wikilink1,
72#dokuwiki__pagetools a.wikilink1,
73#dokuwiki__usertools a.wikilink2,
74#dokuwiki__pagetools a.wikilink2 {
75    color: #00c;
76    border-bottom-width: 0;
77}
78#dokuwiki__usertools a.wikilink2:hover,
79#dokuwiki__pagetools a.wikilink2:hover,
80#dokuwiki__usertools a.wikilink2:active,
81#dokuwiki__pagetools a.wikilink2:active,
82#dokuwiki__usertools a.wikilink2:focus,
83#dokuwiki__pagetools a.wikilink2:focus {
84    text-decoration: underline;
85}
86
87/* highlight selected tool */
88.mode_admin a.action.admin,
89.mode_profile a.action.profile,
90.mode_recent a.action.recent,
91.mode_index a.action.index,
92.mode_revisions a.action.revs,
93.mode_backlink a.action.backlink {
94    font-weight: bold;
95}
96
97/*____________ user tools ____________*/
98
99#dokuwiki__usertools {
100    position: absolute;
101    top: 0;
102    right: 0;
103    border-bottom: 1px solid __border__;
104    background-color: __background_alt__;
105    width: 100%;
106}
107#dokuwiki__usertools ul,
108#dokuwiki__pagetools ul {
109    /* imitate #dokuwiki__site */
110    margin: 0 auto;
111    max-width: 64em;
112    padding: 0 1em;
113}
114#IE6 #dokuwiki__usertools ul {
115    width: 100%;
116}
117#dokuwiki__usertools ul li.user {
118    float: left;
119    margin-left: 0;
120}
121
122/*____________ page tools ____________*/
123
124#dokuwiki__pagetools {
125    position: fixed;
126    bottom: 0;
127    left: 0;
128    border-top: 1px solid __border__;
129    background-color: __background_alt__;
130    width: 100%;
131    z-index: 10;
132}
133#IE6 #dokuwiki__content {
134    margin-bottom: 1.4em;
135}
136#dokuwiki__pagetools ul li {
137    display: inline;
138    margin: 0 1.5em 0 0;
139}
140#dokuwiki__pagetools ul li a.action.top {
141    float: right;
142}
143#IE7 #dokuwiki__pagetools ul {
144    position: relative;;
145}
146#IE7 #dokuwiki__pagetools ul li a.action.top {
147    position: absolute;
148    top: 0;
149    right: 0;
150}
151
152
153/* sidebar
154********************************************************************/
155
156#dokuwiki__aside {
157    padding-top: .4em;
158    line-height: 1.2;
159}
160
161/* make sidebar more condensed */
162
163#dokuwiki__aside h1 { margin-bottom: .222em; }
164#dokuwiki__aside h2 { margin-bottom: .333em; }
165#dokuwiki__aside h3 { margin-bottom: .444em; }
166#dokuwiki__aside h4 { margin-bottom: .5em; }
167#dokuwiki__aside h5 { margin-bottom: .5714em; }
168
169#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl,
170#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset,
171#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address {
172    margin-bottom: .7em;
173}
174
175#dokuwiki__aside ul, #dokuwiki__aside ol {
176    padding-left: 0;
177}
178#dokuwiki__aside li ul, #dokuwiki__aside li ol {
179    margin-bottom: 0;
180}
181
182
183/* content
184********************************************************************/
185
186.dokuwiki .page {
187}
188
189/*____________ section indenting ____________
190
191.dokuwiki h1 {margin-left: 0;}
192.dokuwiki h2 {margin-left: 20px;}
193.dokuwiki h3 {margin-left: 40px;}
194.dokuwiki h4 {margin-left: 60px;}
195.dokuwiki h5 {margin-left: 80px;}
196.dokuwiki div.level1 {margin-left: 0;}
197.dokuwiki div.level2 {margin-left: 20px;}
198.dokuwiki div.level3 {margin-left: 40px;}
199.dokuwiki div.level4 {margin-left: 60px;}
200.dokuwiki div.level5 {margin-left: 80px;}
201*/
202
203
204/*____________ images ____________*/
205
206/* embedded images (styles are already partly set in lib/styles/style.css) */
207.dokuwiki img.media       { }
208.dokuwiki img.medialeft   { margin: .5em 1.5em .5em 0; }
209.dokuwiki img.mediaright  { margin: .5em 0 .5em 1.5em; }
210.dokuwiki img.mediacenter { margin: .5em auto; }
211
212
213/*____________ tables ____________*/
214
215.dokuwiki table.inline {
216    min-width: 50%;
217}
218.dokuwiki table.inline th,
219.dokuwiki table.inline td {
220    border: 1px solid __text_alt__;
221}
222.dokuwiki table.inline th {
223    color: inherit;
224    background-color: __background_neu__;
225}
226.dokuwiki table.inline td {
227}
228.dokuwiki table.inline tr:hover td {
229    background-color: __background_alt__;
230}
231.dokuwiki table.inline tr:hover th {
232    background-color: __border__;
233}
234
235
236/*____________ code ____________*/
237
238.dokuwiki pre,
239.dokuwiki tt,
240.dokuwiki code,
241.dokuwiki samp,
242.dokuwiki kbd {
243    background-color: __background_alt__;
244    color: inherit;
245}
246.dokuwiki pre {
247    border: 1px solid __border__;
248    padding: 0 .2em;
249}
250/* for code in <file> */
251.dokuwiki pre.file {
252}
253
254/* filenames for downloadable file and code blocks */
255.dokuwiki dl.code,
256.dokuwiki dl.file {
257}
258
259.dokuwiki dl.code dt,
260.dokuwiki dl.file dt {
261    background-color: __background_alt__;
262    border: solid __border__;
263    border-width: 1px 1px 0;
264    color: inherit;
265    display: inline;
266    padding: 0 .5em;
267    margin-left: 1em;
268}
269.dokuwiki dl.code dt a,
270.dokuwiki dl.file dt a {
271}
272
273.dokuwiki dl.code dd,
274.dokuwiki dl.file dd {
275    margin: 0;
276}
277
278
279/*____________ misc ____________*/
280
281/* license note in footer and under edit window */
282.dokuwiki div.license {
283    font-size: 90%;
284}
285
286#IE6 input.button, #IE6 button,
287#IE7 input.button, #IE7 button {
288    line-height: 1.4;
289}
290
291/*____________ JS popup ____________*/
292
293.JSpopup {
294    background-color: __background__;
295    color: __text__;
296    border: 1px solid __border__;
297    line-height: 1.2;
298    padding: 0 .2em;
299}
300
301.JSpopup ul,
302.JSpopup ol {
303    padding-left: 0;
304}
305
306
307/* footer
308********************************************************************/
309
310.dokuwiki .wrapper {
311    margin-bottom: 2.8em;
312}
313#IE6 .dokuwiki .wrapper {
314    margin-bottom: 1.4em;
315}
316
317#dokuwiki__footer {
318    margin-bottom: 1em;
319}
320#IE7 #dokuwiki__footer {
321    height: 1%;
322}
323#dokuwiki__footer .doc {
324    float: left;
325}
326#dokuwiki__footer .top {
327    float: right;
328}
329#dokuwiki__footer .license {
330    clear: both;
331}
332#dokuwiki__footer .license img {
333    margin: 0 .5em 0 0;
334    float: none;
335}
336
337