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
9html.popup,
10html.popup body {
11    background-color: __background__;
12    color: __text__;
13}
14
15/* header
16********************************************************************/
17
18#dokuwiki__header {
19    border-bottom: 1px solid __border_alt__;
20    margin-bottom: 10px;
21}
22
23#dokuwiki__header h1 {
24    font-size: 2em;
25    float: left;
26    width: 30%;
27    margin-bottom: 0;
28    clear: none;
29    letter-spacing: normal;
30    font-variant: normal;
31    border-bottom-width: 0;
32}
33[dir=rtl] #dokuwiki__header h1 {
34    float: right;
35}
36#dokuwiki__header h1 a {
37    text-decoration: none;
38    color: __link_title__;
39    background-color: inherit;
40}
41
42#dokuwiki__header h2 {
43    margin-bottom: 0;
44    font-size: 2em;
45    float: right;
46    width: 68%;
47    text-align: right;
48    color: __text_alt__;
49    background-color: inherit;
50    clear: none;
51    letter-spacing: normal;
52    border-bottom-width: 0;
53}
54[dir=rtl] #dokuwiki__header h2 {
55    float: left;
56    text-align: left;
57}
58
59#dokuwiki__header div.breadcrumbs {
60    padding: 0 1px;
61    clear: both;
62    border-top: 1px solid __border_alt__;
63    font-size: 75%;
64    background-color: __background__;
65    color: __text__;
66}
67#dokuwiki__header div.breadcrumbs a {
68    color: __link_existent__;
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: __link_normal__;
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_profile a.action.profile,
95.mode_recent a.action.recent,
96.mode_index a.action.index,
97.mode_media a.action.media,
98.mode_revisions a.action.revs,
99.mode_backlink a.action.backlink,
100.mode_subscribe a.action.subscribe {
101    font-weight: bold;
102}
103
104/*____________ page tools ____________*/
105
106#dokuwiki__pagetools {
107    margin: 0 0 10px __sidebar_width__;
108}
109[dir=rtl] #dokuwiki__pagetools {
110    margin: 0 __sidebar_width__ 10px 0;
111}
112#dokuwiki__pagetools ul {
113    padding: 0;
114    margin: 0;
115}
116#dokuwiki__pagetools ul li {
117    display: inline;
118    margin: 0;
119    padding: 0 5px 0 0;
120}
121[dir=rtl] #dokuwiki__pagetools ul li {
122    padding: 0 0 0 5px;
123}
124#dokuwiki__pagetools input {
125    padding: 0.2em 1.0em;
126    line-height: 1.25;
127}
128#IE6 #dokuwiki__pagetools input,
129#IE7 #dokuwiki__pagetools input {
130    padding: 0;
131}
132
133
134/* sidebar
135********************************************************************/
136
137#dokuwiki__aside {
138    line-height: 1.2;
139    margin-bottom: 10px;
140}
141#dokuwiki__aside > .pad {
142    background-color: __background__;
143    color: __text__;
144    border: 1px solid __border_alt__;
145    padding: 10px;
146    overflow: hidden;
147    word-wrap: break-word;
148}
149
150/* make sidebar more condensed */
151
152#dokuwiki__aside h1 { margin-bottom: .222em; }
153#dokuwiki__aside h2 { margin-bottom: .333em; }
154#dokuwiki__aside h3 { margin-bottom: .444em; }
155#dokuwiki__aside h4 { margin-bottom: .5em; }
156#dokuwiki__aside h5 { margin-bottom: .5714em; }
157
158#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl,
159#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset,
160#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address {
161    margin-bottom: .7em;
162}
163
164#dokuwiki__aside ul, #dokuwiki__aside ol {
165    padding-left: 0;
166    padding-right: 0;
167}
168#dokuwiki__aside li ul, #dokuwiki__aside li ol {
169    margin-bottom: 0;
170}
171
172/*____________ site + user tools ____________*/
173
174#dokuwiki__sitetools,
175#dokuwiki__usertools {
176    padding-top: 1em;
177    margin-top: 1em;
178    border-top: 1px dotted __border__;
179}
180#dokuwiki__sitetools ul,
181#dokuwiki__usertools ul {
182    margin: 0 0 1em;
183}
184#dokuwiki__sitetools ul li,
185#dokuwiki__usertools ul li {
186    padding: 0;
187    margin: 0 0 .3em 0;
188    list-style: none;
189}
190
191#dokuwiki__usertools div.user {
192    font-style: italic;
193}
194
195/* forms (search + login) */
196#dokuwiki__aside form {
197}
198#dokuwiki__aside fieldset {
199    padding: 0;
200    border-width: 0;
201    width: auto;
202}
203#dokuwiki__aside label {
204    margin: 0;
205    padding: 0;
206    text-align: left;
207    font-weight: normal;
208}
209[dir=rtl] #dokuwiki__aside label {
210    text-align: right;
211}
212#dokuwiki__aside input {
213    width: 100%;
214    margin: .1em 0;
215    padding: 0;
216    line-height: 1.25;
217}
218
219#dokuwiki__usertools div.level1 {
220    margin: 0;
221    padding: 0;
222    width: auto;
223    text-align: left;
224}
225[dir=rtl] #dokuwiki__usertools div.level1 {
226    text-align: right;
227}
228#dokuwiki__usertools h1 {
229    font-size: 1.1em;
230    margin-bottom: 1em;
231    color: __text__;
232    font-variant: normal;
233    letter-spacing: normal;
234    border-bottom-width: 0;
235}
236#dw__login {
237    text-align: left;
238}
239[dir=rtl] #dw__login {
240    text-align: right;
241}
242#dw__login br {
243    display: none;
244}
245#dokuwiki__usertools legend {
246    display: none;
247}
248
249#dw__login label[for="remember__me"] {
250    margin: 0;
251}
252#dw__login label[for="remember__me"] input {
253    margin: 0;
254    padding: 0;
255    width: auto;
256}
257
258
259/* content
260********************************************************************/
261
262.dokuwiki .wrapper {
263    background: url(images/logo.png) no-repeat 25px 0;
264}
265[dir=rtl] .dokuwiki .wrapper {
266    background-position: right 0;
267}
268
269.dokuwiki .page {
270    padding: 10px;
271    background-color: __background__;
272    color: __text__;
273    border: 1px solid __border_alt__;
274    word-wrap: break-word;
275}
276
277/*____________ misc ____________*/
278
279/* license note in footer and under edit window */
280.dokuwiki div.license {
281    font-size: 93.75%;
282}
283
284#IE6 .dokuwiki input.button, #IE6 .dokuwiki button,
285#IE7 .dokuwiki input.button, #IE7 .dokuwiki button {
286    line-height: 1.4;
287}
288
289#mediamanager__page .panelContent li dl {
290    padding: 0;
291}
292#mediamanager__diff th {
293    background-color: __background__;
294}
295
296/* some headings in the media manager should not look like headings */
297#mediamanager__page h2,
298#mediamanager__page h3 {
299    border-bottom-width: 0;
300    letter-spacing: 0;
301}
302
303.dokuwiki div.section_highlight {
304    margin: 0;
305    padding: 0;
306    border-width: 0;
307}
308.dokuwiki .section_highlight {
309    background-color: __background_neu__;
310}
311
312.dokuwiki div.toolbar button.toolbutton {
313    margin-right: .3em;
314}
315[dir=rtl] .dokuwiki div.toolbar button.toolbutton {
316    margin-right: 0;
317    margin-left: .3em;
318}
319div.picker {
320    border-color: __border_alt__;
321    background-color: __background_neu__;
322}
323div.picker button.pickerbutton {
324    background-color: __background_neu__;
325    color: __text__;
326}
327
328div.insitu-footnote {
329    padding: .2em;
330    border: 1px solid #000;
331    background-color: #ffc;
332    color: #000;
333}
334.dokuwiki div.footnotes {
335    font-size: 85%;
336}
337.dokuwiki div.footnotes div.fn {
338    padding-bottom: .3em;
339}
340
341.dokuwiki div.search_quickresult {
342    margin-bottom: 1em;
343    padding-bottom: 1em;
344    border-bottom: 1px solid __border__;
345}
346.dokuwiki div.search_quickresult ul li {
347    display: inline;
348    float: none;
349    width: auto;
350    margin-left: 0;
351}
352
353.dokuwiki div.search_result div.search_snippet,
354.dokuwiki dl.search_results dd {
355    margin-left: 1em;
356}
357[dir=rtl] .dokuwiki div.search_result div.search_snippet,
358[dir=rtl] .dokuwiki dl.search_results dd {
359    margin-left: 0;
360    margin-right: 1em;
361}
362
363
364.dokuwiki form.search div.ajax_qsearch {
365    position: static;
366    width: auto;
367}
368
369#link__wiz_result {
370    background-color: __background__;
371}
372
373
374#media__manager h1,
375#media__manager h2 {
376    font-size: 1.5em;
377    margin: -.5em -.5em .5em -.5em;
378    padding: .5em;
379    border-bottom: 1px solid __border_alt__;
380    background-color: __background_site__;
381    color: __text_alt__;
382    letter-spacing: 0;
383    font-variant: normal;
384}
385
386/*____________ img detail ____________*/
387
388#dokuwiki__detail h1 {
389    font-size: 1.58em;
390    padding: .5em 10px;
391    margin: 0;
392    border-bottom: 1px solid __border_alt__;
393    background-color: __background_site__;
394    color: __text_alt__;
395    letter-spacing: 0;
396    font-variant: normal;
397}
398
399#dokuwiki__detail div.content {
400    background-color: __background__;
401    color: __text__;
402    padding: 10px;
403}
404
405#dokuwiki__detail div.content div.img_detail {
406    margin: 0 10px;
407    padding: 0 10px;
408    border: solid __border__;
409    border-width: 0 0 0 1px;
410}
411[dir=rtl] #dokuwiki__detail div.content div.img_detail {
412    border-width: 0 1px 0 0;
413}
414
415#dokuwiki__detail div.img_detail h2 {
416    font-size: 1.39em;
417}
418
419#dokuwiki__detail p.back {
420    padding: 0.5em 1.0em;
421    border-top: 1px solid __border_alt__;
422    background-color: __background_site__;
423    color: __text_alt__;
424}
425#dokuwiki__detail p.back a {
426    color: __link_title__;
427    background-color: inherit;
428}
429
430/*____________ toc ____________*/
431
432.dokuwiki div.toc,
433#dw__toc {
434    width: 175px;
435}
436
437.dokuwiki div.tocheader, /* old */
438#dw__toc h3 /* new */ {
439    margin-bottom: .2em;
440    background-color: __toc_head_background__;
441    color: __toc_head_text__;
442    border: 1px solid __toc_head_border__;
443}
444
445/* css arrow */
446.dokuwiki .toc span.toc_open,
447.dokuwiki .toc span.toc_close,
448#dw__toc h3 strong {
449    border: .4em solid __toc_head_background__;
450}
451.dokuwiki .toc span.toc_open span,
452.dokuwiki .toc span.toc_close span,
453#dw__toc h3 strong span {
454    display: none;
455}
456
457.dokuwiki .toc span.toc_open,
458#dw__toc h3.closed strong {
459    margin-top: .4em;
460    border-top: .4em solid __text__;
461}
462.dokuwiki .toc span.toc_close,
463#dw__toc h3.open strong {
464    margin-top: 0;
465    border-bottom: .4em solid __text__;
466}
467
468.dokuwiki #toc__inside,
469#dw__toc > div {
470    background-color: __toc_body_background__;
471    color: __text__;
472    border: 1px solid __toc_body_border__;
473}
474
475
476/*____________ JS popup ____________*/
477
478.JSpopup {
479    padding: .5em;
480    background-color: __background_neu__;
481    color: __text__;
482    border: 1px solid __border_alt__;
483    line-height: 1.2;
484}
485
486.JSpopup ul,
487.JSpopup ol {
488    padding-left: 0;
489    padding-right: 0;
490}
491
492
493/* footer
494********************************************************************/
495
496#dokuwiki__footer {
497    font-size: 75%;
498    margin-bottom: 5px;
499    background-color: __background__;
500    color: __text__;
501    border-top: 1px solid __border_alt__;
502    border-bottom: 1px solid __border_alt__;
503    padding: 0 1px;
504}
505#IE6 #dokuwiki__footer,
506#IE7 #dokuwiki__footer {
507    height: 1%;
508}
509#dokuwiki__footer .doc {
510    float: left;
511    font-style: italic;
512}
513[dir=rtl] #dokuwiki__footer .doc {
514    float: right;
515}
516#dokuwiki__footer .top {
517    float: right;
518}
519[dir=rtl] #dokuwiki__footer .top {
520    float: left;
521}
522.dokuwiki .license_footer {
523    margin-bottom: 10px;
524}
525.dokuwiki .license_footer a {
526    color: __link_title__;
527}
528.dokuwiki .license_footer .license img {
529    margin: 0 .5em 0 0;
530    float: none;
531}
532[dir=rtl] .dokuwiki .license_footer .license img {
533    margin: 0 0 0 .5em;
534}
535
536