xref: /template/retro/css/design.css (revision 6b6248f07e7e72e510665a8b7262219b55bef7ac) 
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: .5em;
223}
224[dir=rtl] #dokuwiki__aside ul,
225[dir=rtl] #dokuwiki__aside ol {
226    padding-right: .5em;
227}
228#dokuwiki__aside li ul,
229#dokuwiki__aside li ol {
230    margin-bottom: 0;
231    padding: 0;
232}
233
234
235/* content
236********************************************************************/
237
238.dokuwiki .page {
239    word-wrap: break-word;
240}
241
242#mediamanager__page h2,
243#mediamanager__page h3 {
244    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
245    color: __text__;
246}
247
248/*____________ misc ____________*/
249
250/* license note in footer and under edit window */
251.dokuwiki div.license {
252    font-size: 93.75%;
253}
254
255#IE6 .dokuwiki input.button,
256#IE6 .dokuwiki button,
257#IE7 .dokuwiki input.button,
258#IE7 .dokuwiki button {
259    line-height: 1.4;
260}
261
262/* to style button-like div in _fileuploader.css to look like other buttons,
263   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
264.qq-upload-button {
265    border: 1px solid __border__;
266    background-color: __background_alt__;
267    padding: 0.125em 0.4em;
268}
269
270
271/*____________ JS popup ____________*/
272
273.JSpopup {
274    background-color: __background__;
275    color: __text__;
276    border: 1px solid __border__;
277    line-height: 1.2;
278    padding: 0 .2em;
279}
280
281.JSpopup ul,
282.JSpopup ol {
283    padding-left: 0;
284}
285[dir=rtl] .JSpopup ul,
286[dir=rtl] .JSpopup ol {
287    padding-right: 0;
288}
289
290
291/* footer
292********************************************************************/
293
294.dokuwiki .wrapper {
295    margin-bottom: 2.8em;
296}
297#IE6 .dokuwiki .wrapper {
298    margin-bottom: 1.4em;
299}
300
301#dokuwiki__footer {
302    margin-bottom: 1em;
303}
304#IE6 #dokuwiki__footer,
305#IE7 #dokuwiki__footer {
306    height: 1%;
307}
308#dokuwiki__footer .doc {
309    float: left;
310}
311#dokuwiki__footer .top {
312    float: right;
313}
314#dokuwiki__footer .license {
315    clear: both;
316}
317#dokuwiki__footer .license img {
318    margin: 0 .5em 0 0;
319    float: none;
320}
321
322