xref: /template/retro/css/design.css (revision a21fd4b9fa168f867852150b109fcd7da2e59996) 
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#IE6 #dokuwiki__pagetools ul,
144#IE7 #dokuwiki__pagetools ul {
145    position: relative;
146}
147#IE6 #dokuwiki__pagetools ul li a.action.top,
148#IE7 #dokuwiki__pagetools ul li a.action.top {
149    position: absolute;
150    top: 0;
151    right: 0;
152}
153
154
155/* sidebar
156********************************************************************/
157
158#dokuwiki__aside {
159    padding-top: .4em;
160    line-height: 1.2;
161}
162
163/* make sidebar more condensed */
164
165#dokuwiki__aside h1 { margin-bottom: .222em; }
166#dokuwiki__aside h2 { margin-bottom: .333em; }
167#dokuwiki__aside h3 { margin-bottom: .444em; }
168#dokuwiki__aside h4 { margin-bottom: .5em; }
169#dokuwiki__aside h5 { margin-bottom: .5714em; }
170
171#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl,
172#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset,
173#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address {
174    margin-bottom: .7em;
175}
176
177#dokuwiki__aside ul, #dokuwiki__aside ol {
178    padding-left: 0;
179}
180#dokuwiki__aside li ul, #dokuwiki__aside li ol {
181    margin-bottom: 0;
182}
183
184
185/* content
186********************************************************************/
187
188.dokuwiki .page {
189}
190
191/*____________ section indenting ____________
192
193.dokuwiki h1 {margin-left: 0;}
194.dokuwiki h2 {margin-left: 20px;}
195.dokuwiki h3 {margin-left: 40px;}
196.dokuwiki h4 {margin-left: 60px;}
197.dokuwiki h5 {margin-left: 80px;}
198.dokuwiki div.level1 {margin-left: 0;}
199.dokuwiki div.level2 {margin-left: 20px;}
200.dokuwiki div.level3 {margin-left: 40px;}
201.dokuwiki div.level4 {margin-left: 60px;}
202.dokuwiki div.level5 {margin-left: 80px;}
203*/
204
205
206/*____________ images ____________*/
207
208/* embedded images (styles are already partly set in lib/styles/style.css) */
209.dokuwiki img.media       { }
210.dokuwiki img.medialeft   { margin: .5em 1.5em .5em 0; }
211.dokuwiki img.mediaright  { margin: .5em 0 .5em 1.5em; }
212.dokuwiki img.mediacenter { margin: .5em auto; }
213
214
215/*____________ tables ____________*/
216
217.dokuwiki table.inline {
218    min-width: 50%;
219}
220.dokuwiki table.inline th,
221.dokuwiki table.inline td {
222    border: 1px solid __text_alt__;
223}
224.dokuwiki table.inline th {
225    color: inherit;
226    background-color: __background_neu__;
227}
228.dokuwiki table.inline td {
229}
230.dokuwiki table.inline tr:hover td {
231    background-color: __background_alt__;
232}
233.dokuwiki table.inline tr:hover th {
234    background-color: __border__;
235}
236
237
238/*____________ code ____________*/
239
240.dokuwiki pre,
241.dokuwiki tt,
242.dokuwiki code,
243.dokuwiki samp,
244.dokuwiki kbd {
245    background-color: __background_alt__;
246    color: inherit;
247}
248.dokuwiki pre {
249    border: 1px solid __border__;
250    padding: 0 .2em;
251}
252/* for code in <file> */
253.dokuwiki pre.file {
254}
255
256/* filenames for downloadable file and code blocks */
257.dokuwiki dl.code,
258.dokuwiki dl.file {
259}
260
261.dokuwiki dl.code dt,
262.dokuwiki dl.file dt {
263    background-color: __background_alt__;
264    border: solid __border__;
265    border-width: 1px 1px 0;
266    color: inherit;
267    display: inline;
268    padding: 0 .5em;
269    margin-left: 1em;
270}
271.dokuwiki dl.code dt a,
272.dokuwiki dl.file dt a {
273}
274
275.dokuwiki dl.code dd,
276.dokuwiki dl.file dd {
277    margin: 0;
278}
279
280
281/*____________ misc ____________*/
282
283/* license note in footer and under edit window */
284.dokuwiki div.license {
285    font-size: 90%;
286}
287
288#IE6 .dokuwiki input.button, #IE6 .dokuwiki button,
289#IE7 .dokuwiki input.button, #IE7 .dokuwiki button {
290    line-height: 1.4;
291}
292
293/*____________ JS popup ____________*/
294
295.JSpopup {
296    background-color: __background__;
297    color: __text__;
298    border: 1px solid __border__;
299    line-height: 1.2;
300    padding: 0 .2em;
301}
302
303.JSpopup ul,
304.JSpopup ol {
305    padding-left: 0;
306}
307
308
309/* footer
310********************************************************************/
311
312.dokuwiki .wrapper {
313    margin-bottom: 2.8em;
314}
315#IE6 .dokuwiki .wrapper {
316    margin-bottom: 1.4em;
317}
318
319#dokuwiki__footer {
320    margin-bottom: 1em;
321}
322#IE6 #dokuwiki__footer,
323#IE7 #dokuwiki__footer {
324    height: 1%;
325}
326#dokuwiki__footer .doc {
327    float: left;
328}
329#dokuwiki__footer .top {
330    float: right;
331}
332#dokuwiki__footer .license {
333    clear: both;
334}
335#dokuwiki__footer .license img {
336    margin: 0 .5em 0 0;
337    float: none;
338}
339
340