xref: /template/retro/css/design.css (revision 0009a803ac14472872e5e0531e191733c37f0765) 
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_media a.action.media,
96.mode_revisions a.action.revs,
97.mode_backlink a.action.backlink,
98.mode_subscribe a.action.subscribe {
99    font-weight: bold;
100}
101
102/*____________ user tools ____________*/
103
104#dokuwiki__usertools {
105    position: absolute;
106    top: 0;
107    right: 0;
108    border-bottom: 1px solid __border__;
109    background-color: __background_alt__;
110    width: 100%;
111}
112#dokuwiki__usertools ul,
113#dokuwiki__pagetools ul {
114    /* imitate #dokuwiki__site */
115    margin: 0 auto;
116    max-width: __site_width__;
117    padding: 0 1em;
118}
119#IE6 #dokuwiki__usertools ul {
120    width: 100%;
121}
122#dokuwiki__usertools ul li.user {
123    float: left;
124    margin-left: 0;
125}
126
127/*____________ page tools ____________*/
128
129#dokuwiki__pagetools {
130    position: fixed;
131    bottom: 0;
132    left: 0;
133    border-top: 1px solid __border__;
134    background-color: __background_alt__;
135    width: 100%;
136    z-index: 10;
137}
138#IE6 #dokuwiki__content {
139    margin-bottom: 1.4em;
140}
141#dokuwiki__pagetools ul li {
142    display: inline;
143    margin: 0 1.5em 0 0;
144}
145#dokuwiki__pagetools ul li a.action.top {
146    float: right;
147}
148#IE6 #dokuwiki__pagetools ul,
149#IE7 #dokuwiki__pagetools ul {
150    position: relative;
151}
152#IE6 #dokuwiki__pagetools ul li a.action.top,
153#IE7 #dokuwiki__pagetools ul li a.action.top {
154    position: absolute;
155    top: 0;
156    right: 0;
157}
158
159
160/* sidebar
161********************************************************************/
162
163#dokuwiki__aside {
164    padding-top: .4em;
165    line-height: 1.2;
166}
167
168#dokuwiki__aside > .pad {
169    overflow: hidden;
170    word-wrap: break-word;
171}
172
173/* make sidebar more condensed */
174
175#dokuwiki__aside h1 {
176    margin-bottom: .222em;
177}
178#dokuwiki__aside h2 {
179    margin-bottom: .333em;
180}
181#dokuwiki__aside h3 {
182    margin-bottom: .444em;
183}
184#dokuwiki__aside h4 {
185    margin-bottom: .5em;
186}
187#dokuwiki__aside h5 {
188    margin-bottom: .5714em;
189}
190
191#dokuwiki__aside p,
192#dokuwiki__aside ul,
193#dokuwiki__aside ol,
194#dokuwiki__aside dl,
195#dokuwiki__aside pre,
196#dokuwiki__aside table,
197#dokuwiki__aside fieldset,
198#dokuwiki__aside hr,
199#dokuwiki__aside blockquote,
200#dokuwiki__aside address {
201    margin-bottom: .7em;
202}
203
204#dokuwiki__aside ul,
205#dokuwiki__aside ol {
206    padding-left: 0;
207}
208#dokuwiki__aside li ul,
209#dokuwiki__aside li ol {
210    margin-bottom: 0;
211}
212
213
214/* content
215********************************************************************/
216
217.dokuwiki .page {
218    word-wrap: break-word;
219}
220
221#mediamanager__page h2,
222#mediamanager__page h3 {
223    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
224    color: __text__;
225}
226
227/*____________ misc ____________*/
228
229/* license note in footer and under edit window */
230.dokuwiki div.license {
231    font-size: 93.75%;
232}
233
234#IE6 .dokuwiki input.button,
235#IE6 .dokuwiki button,
236#IE7 .dokuwiki input.button,
237#IE7 .dokuwiki button {
238    line-height: 1.4;
239}
240
241/* to style button-like div in _fileuploader.css to look like other buttons,
242   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
243.qq-upload-button {
244    border: 1px solid __border__;
245    background-color: __background_alt__;
246    padding: 0.125em 0.4em;
247}
248
249
250/*____________ JS popup ____________*/
251
252.JSpopup {
253    background-color: __background__;
254    color: __text__;
255    border: 1px solid __border__;
256    line-height: 1.2;
257    padding: 0 .2em;
258}
259
260.JSpopup ul,
261.JSpopup ol {
262    padding-left: 0;
263}
264
265
266/* footer
267********************************************************************/
268
269.dokuwiki .wrapper {
270    margin-bottom: 2.8em;
271}
272#IE6 .dokuwiki .wrapper {
273    margin-bottom: 1.4em;
274}
275
276#dokuwiki__footer {
277    margin-bottom: 1em;
278}
279#IE6 #dokuwiki__footer,
280#IE7 #dokuwiki__footer {
281    height: 1%;
282}
283#dokuwiki__footer .doc {
284    float: left;
285}
286#dokuwiki__footer .top {
287    float: right;
288}
289#dokuwiki__footer .license {
290    clear: both;
291}
292#dokuwiki__footer .license img {
293    margin: 0 .5em 0 0;
294    float: none;
295}
296
297