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