xref: /template/retro/css/design.css (revision 2fe78e1637446345f05133f7abfc58699f33c045) 
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
59#dokuwiki__header div.breadcrumbs {
60    margin-bottom: .3em;
61}
62#dokuwiki__header div.breadcrumbs a {
63    color: __existing__;
64    background-color: inherit;
65}
66
67
68/* tools
69********************************************************************/
70
71/* make wiki links look the same as tool links in tool bars */
72#dokuwiki__usertools a.wikilink1,
73#dokuwiki__pagetools a.wikilink1,
74#dokuwiki__usertools a.wikilink2,
75#dokuwiki__pagetools a.wikilink2 {
76    color: #00c;
77    border-bottom-width: 0;
78}
79#dokuwiki__usertools a.wikilink2:hover,
80#dokuwiki__pagetools a.wikilink2:hover,
81#dokuwiki__usertools a.wikilink2:active,
82#dokuwiki__pagetools a.wikilink2:active,
83#dokuwiki__usertools a.wikilink2:focus,
84#dokuwiki__pagetools a.wikilink2:focus {
85    text-decoration: underline;
86}
87
88/* highlight selected tool */
89.mode_admin a.action.admin,
90.mode_login a.action.login,
91.mode_register a.action.register,
92.mode_profile a.action.profile,
93.mode_recent a.action.recent,
94.mode_index a.action.index,
95.mode_revisions a.action.revs,
96.mode_backlink a.action.backlink,
97.mode_subscribe a.action.subscribe {
98    font-weight: bold;
99}
100
101/*____________ user tools ____________*/
102
103#dokuwiki__usertools {
104    position: absolute;
105    top: 0;
106    right: 0;
107    border-bottom: 1px solid __border__;
108    background-color: __background_alt__;
109    width: 100%;
110}
111#dokuwiki__usertools ul,
112#dokuwiki__pagetools ul {
113    /* imitate #dokuwiki__site */
114    margin: 0 auto;
115    max-width: __site_width__;
116    padding: 0 1em;
117}
118#IE6 #dokuwiki__usertools ul {
119    width: 100%;
120}
121#dokuwiki__usertools ul li.user {
122    float: left;
123    margin-left: 0;
124}
125
126/*____________ page tools ____________*/
127
128#dokuwiki__pagetools {
129    position: fixed;
130    bottom: 0;
131    left: 0;
132    border-top: 1px solid __border__;
133    background-color: __background_alt__;
134    width: 100%;
135    z-index: 10;
136}
137#IE6 #dokuwiki__content {
138    margin-bottom: 1.4em;
139}
140#dokuwiki__pagetools ul li {
141    display: inline;
142    margin: 0 1.5em 0 0;
143}
144#dokuwiki__pagetools ul li a.action.top {
145    float: right;
146}
147#IE6 #dokuwiki__pagetools ul,
148#IE7 #dokuwiki__pagetools ul {
149    position: relative;
150}
151#IE6 #dokuwiki__pagetools ul li a.action.top,
152#IE7 #dokuwiki__pagetools ul li a.action.top {
153    position: absolute;
154    top: 0;
155    right: 0;
156}
157
158
159/* sidebar
160********************************************************************/
161
162#dokuwiki__aside {
163    padding-top: .4em;
164    line-height: 1.2;
165}
166
167#dokuwiki__aside .pad {
168    overflow: hidden;
169    word-wrap: break-word;
170}
171
172/* make sidebar more condensed */
173
174#dokuwiki__aside h1 { margin-bottom: .222em; }
175#dokuwiki__aside h2 { margin-bottom: .333em; }
176#dokuwiki__aside h3 { margin-bottom: .444em; }
177#dokuwiki__aside h4 { margin-bottom: .5em; }
178#dokuwiki__aside h5 { margin-bottom: .5714em; }
179
180#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl,
181#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset,
182#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address {
183    margin-bottom: .7em;
184}
185
186#dokuwiki__aside ul, #dokuwiki__aside ol {
187    padding-left: 0;
188}
189#dokuwiki__aside li ul, #dokuwiki__aside li ol {
190    margin-bottom: 0;
191}
192
193
194/* content
195********************************************************************/
196
197.dokuwiki .page {
198    word-wrap: break-word;
199}
200
201#mediamanager__page h2,
202#mediamanager__page h3 {
203    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
204    color: __text__;
205}
206
207/*____________ misc ____________*/
208
209/* license note in footer and under edit window */
210.dokuwiki div.license {
211    font-size: 93.75%;
212}
213
214#IE6 .dokuwiki input.button, #IE6 .dokuwiki button,
215#IE7 .dokuwiki input.button, #IE7 .dokuwiki button {
216    line-height: 1.4;
217}
218
219/* to style button-like div in _fileuploader.css to look like other buttons,
220   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
221.qq-upload-button {
222    border: 1px solid __border__;
223    background-color: __background_alt__;
224    padding: 0.125em 0.4em;
225}
226
227
228/*____________ JS popup ____________*/
229
230.JSpopup {
231    background-color: __background__;
232    color: __text__;
233    border: 1px solid __border__;
234    line-height: 1.2;
235    padding: 0 .2em;
236}
237
238.JSpopup ul,
239.JSpopup ol {
240    padding-left: 0;
241}
242
243
244/* footer
245********************************************************************/
246
247.dokuwiki .wrapper {
248    margin-bottom: 2.8em;
249}
250#IE6 .dokuwiki .wrapper {
251    margin-bottom: 1.4em;
252}
253
254#dokuwiki__footer {
255    margin-bottom: 1em;
256}
257#IE6 #dokuwiki__footer,
258#IE7 #dokuwiki__footer {
259    height: 1%;
260}
261#dokuwiki__footer .doc {
262    float: left;
263}
264#dokuwiki__footer .top {
265    float: right;
266}
267#dokuwiki__footer .license {
268    clear: both;
269}
270#dokuwiki__footer .license img {
271    margin: 0 .5em 0 0;
272    float: none;
273}
274
275