xref: /template/retro/css/design.css (revision bb35838d477fe81e3f90f1a2b190a556391fab9e) 
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
170
171/* sidebar
172********************************************************************/
173
174#dokuwiki__aside {
175    padding-top: .4em;
176    line-height: 1.2;
177}
178
179#dokuwiki__aside > .pad {
180    overflow: hidden;
181    word-wrap: break-word;
182}
183
184/* make sidebar more condensed */
185
186#dokuwiki__aside h1 {
187    margin-bottom: .222em;
188}
189#dokuwiki__aside h2 {
190    margin-bottom: .333em;
191}
192#dokuwiki__aside h3 {
193    margin-bottom: .444em;
194}
195#dokuwiki__aside h4 {
196    margin-bottom: .5em;
197}
198#dokuwiki__aside h5 {
199    margin-bottom: .5714em;
200}
201
202#dokuwiki__aside p,
203#dokuwiki__aside ul,
204#dokuwiki__aside ol,
205#dokuwiki__aside dl,
206#dokuwiki__aside pre,
207#dokuwiki__aside table,
208#dokuwiki__aside fieldset,
209#dokuwiki__aside hr,
210#dokuwiki__aside blockquote,
211#dokuwiki__aside address {
212    margin-bottom: .7em;
213}
214
215#dokuwiki__aside ul,
216#dokuwiki__aside ol {
217    padding-left: 0;
218}
219[dir=rtl] #dokuwiki__aside ul,
220[dir=rtl] #dokuwiki__aside ol {
221    padding-right: 0;
222}
223#dokuwiki__aside li ul,
224#dokuwiki__aside li ol {
225    margin-bottom: 0;
226}
227
228
229/* content
230********************************************************************/
231
232.dokuwiki .page {
233    word-wrap: break-word;
234}
235
236#mediamanager__page h2,
237#mediamanager__page h3 {
238    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
239    color: __text__;
240}
241
242/*____________ misc ____________*/
243
244/* license note in footer and under edit window */
245.dokuwiki div.license {
246    font-size: 93.75%;
247}
248
249#IE6 .dokuwiki input.button,
250#IE6 .dokuwiki button,
251#IE7 .dokuwiki input.button,
252#IE7 .dokuwiki button {
253    line-height: 1.4;
254}
255
256/* to style button-like div in _fileuploader.css to look like other buttons,
257   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
258.qq-upload-button {
259    border: 1px solid __border__;
260    background-color: __background_alt__;
261    padding: 0.125em 0.4em;
262}
263
264
265/*____________ JS popup ____________*/
266
267.JSpopup {
268    background-color: __background__;
269    color: __text__;
270    border: 1px solid __border__;
271    line-height: 1.2;
272    padding: 0 .2em;
273}
274
275.JSpopup ul,
276.JSpopup ol {
277    padding-left: 0;
278}
279[dir=rtl] .JSpopup ul,
280[dir=rtl] .JSpopup ol {
281    padding-right: 0;
282}
283
284
285/* footer
286********************************************************************/
287
288.dokuwiki .wrapper {
289    margin-bottom: 2.8em;
290}
291#IE6 .dokuwiki .wrapper {
292    margin-bottom: 1.4em;
293}
294
295#dokuwiki__footer {
296    margin-bottom: 1em;
297}
298#IE6 #dokuwiki__footer,
299#IE7 #dokuwiki__footer {
300    height: 1%;
301}
302#dokuwiki__footer .doc {
303    float: left;
304}
305#dokuwiki__footer .top {
306    float: right;
307}
308#dokuwiki__footer .license {
309    clear: both;
310}
311#dokuwiki__footer .license img {
312    margin: 0 .5em 0 0;
313    float: none;
314}
315
316