1/**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <henke@cosmocode.de>
6 */
7
8/* -------------- general elements --------------- */
9
10* { padding: 0; margin: 0; }
11
12body {
13  font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
14  background-color: __background__;
15  color: __text__;
16}
17
18/* the document */
19div.dokuwiki div.page {
20  margin: 4px 2em 0 1em;
21  text-align: justify;
22}
23
24div.dokuwiki table {
25  font-size: 100%;
26}
27
28div.dokuwiki tr,
29div.dokuwiki td,
30div.dokuwiki th {
31}
32
33div.dokuwiki img {
34  border: 0;
35}
36
37div.dokuwiki p,
38div.dokuwiki blockquote,
39div.dokuwiki table,
40div.dokuwiki pre {
41  margin: 0 0 1.0em 0;
42}
43
44div.dokuwiki hr {
45  border: 0px;
46  border-top: 1px solid __border__;
47  text-align: center;
48  height: 0px;
49}
50
51div.dokuwiki div.nothing {
52  text-align: center;
53  margin: 2em;
54}
55
56/* ---------------- forms ------------------------ */
57
58div.dokuwiki form {
59  border: none;
60  display: inline;
61}
62
63div.dokuwiki label.block {
64  display: block;
65  text-align: right;
66  font-weight: bold;
67}
68
69div.dokuwiki label.simple {
70  display: block;
71  text-align: left;
72  font-weight: normal;
73}
74
75div.dokuwiki label.block input.edit {
76  width: 50%;
77}
78
79div.dokuwiki fieldset {
80  width: 300px;
81  text-align: center;
82  border: 1px solid __border__;
83  padding: 0.5em;
84  margin: auto;
85}
86
87div.dokuwiki textarea.edit {
88  font-family: monospace;
89  font-size: 14px;
90  color: __text__;
91  background-color: __background__;
92  border: 1px solid __border__;
93  padding: 0.3em 0 0 0.3em;
94  width: 100%;
95}
96
97/* nice alphatransparency background except for IE <7 */
98html>body div.dokuwiki textarea.edit {
99  background:  __background__ url(images/inputshadow.png) repeat-x top;
100}
101
102div.dokuwiki input.edit,
103div.dokuwiki select.edit {
104  font-size: 100%;
105  border: 1px solid __border__;
106  color: __text__;
107  background-color: __background__;
108  vertical-align: middle;
109  margin: 1px;
110  padding: 0.20em 0.3em;
111  display: inline;
112}
113
114/* nice alphatransparency background except for IE <7 */
115html>body div.dokuwiki input.edit,
116html>body div.dokuwiki select.edit {
117  background:  __background__ url(images/inputshadow.png) repeat-x top;
118}
119
120div.dokuwiki select.edit {
121  padding: 0.1em 0;
122}
123
124div.dokuwiki input.missing {
125  font-size: 100%;
126  border: 1px solid __border__;
127  color: __text__;
128  background-color: #ffcccc;
129  vertical-align: middle;
130  margin: 1px;
131  padding: 0.20em 0.3em;
132  display: inline;
133}
134
135/* disabled style - not understood by IE */
136div.dokuwiki textarea.edit[disabled],
137div.dokuwiki textarea.edit[readonly],
138div.dokuwiki input.edit[disabled],
139div.dokuwiki input.edit[readonly],
140div.dokuwiki select.edit[disabled] {
141  background-color: __background_neu__!important;
142  color: __text_neu__!important;
143}
144
145/* edit form */
146div.dokuwiki div.toolbar,
147div.dokuwiki div#wiki__editbar {
148   margin: 2px 0;
149   text-align: left;
150}
151div.dokuwiki div#size__ctl {
152   float: right;
153   width: 60px;
154   height: 2.7em;
155}
156div.dokuwiki #size__ctl img {
157   cursor: pointer;
158}
159div.dokuwiki div#wiki__editbar div.editButtons {
160   float: left;
161   padding: 0 1.0em 0.7em 0;
162}
163div.dokuwiki div#wiki__editbar div.summary {
164   float: left;
165}
166div.dokuwiki .nowrap {
167   white-space: nowrap;
168}
169div.dokuwiki div#draft__status {
170  float: right;
171  color: __text_alt__;
172}
173
174/* --------- buttons ------------------- */
175
176
177div.dokuwiki input.button,
178div.dokuwiki button.button {
179  border: 1px solid __border__;
180  color: __text__;
181  background-color: __background__;
182  vertical-align: middle;
183  text-decoration: none;
184  font-size: 100%;
185  cursor: pointer;
186  margin: 1px;
187  padding: 0.125em 0.4em;
188}
189
190/* nice alphatransparency background except for IE <7 */
191html>body div.dokuwiki input.button,
192html>body div.dokuwiki button.button {
193  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
194}
195
196* html div.dokuwiki input.button,
197* html div.dokuwiki button.button {
198  height: 1.8em;
199}
200
201div.dokuwiki div.secedit input.button {
202  border: 1px solid __border__;
203  color: __text__;
204  background-color: __background__;
205  vertical-align: middle;
206  text-decoration: none;
207  margin: 0;
208  padding: 0;
209  font-size: 10px;
210  cursor: pointer;
211  float: right;
212  display: inline;
213}
214
215/* ----------- page navigator ------------- */
216
217div.dokuwiki div.pagenav {
218    margin: 1em 0 0 0;
219}
220
221div.dokuwiki div.pagenav-prev {
222    text-align: right;
223    float: left;
224    width: 49%
225}
226
227div.dokuwiki div.pagenav-next {
228    text-align: left;
229    float: right;
230    width: 49%
231}
232
233/* --------------- Links ------------------ */
234
235div.dokuwiki a:link,
236div.dokuwiki a:visited {
237  color: __extern__;
238  text-decoration: none;
239}
240div.dokuwiki a:hover,
241div.dokuwiki a:active {
242  color: __text__;
243  text-decoration: underline;
244}
245
246div.dokuwiki h1 a,
247div.dokuwiki h2 a,
248div.dokuwiki h3 a,
249div.dokuwiki h4 a,
250div.dokuwiki h5 a,
251div.dokuwiki a.nolink {
252  color: __text__ !important;
253  text-decoration: none !important;
254}
255
256/* external link */
257div.dokuwiki a.urlextern {
258  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
259  padding: 1px 0px 1px 16px;
260}
261
262/* windows share */
263div.dokuwiki a.windows {
264  background: transparent url(images/windows.gif) 0px 1px no-repeat;
265  padding: 1px 0px 1px 16px;
266}
267
268/* interwiki link (icon are set by dokuwiki) */
269div.dokuwiki a.interwiki {
270}
271
272/* link to some embedded media */
273div.dokuwiki a.media {
274}
275
276div.dokuwiki a.urlextern:link,
277div.dokuwiki a.windows:link,
278div.dokuwiki a.interwiki:link {
279  color: __extern__;
280}
281
282div.dokuwiki a.urlextern:visited,
283div.dokuwiki a.windows:visited,
284div.dokuwiki a.interwiki:visited {
285  color: purple;
286}
287div.dokuwiki a.urlextern:hover,
288div.dokuwiki a.urlextern:active,
289div.dokuwiki a.windows:hover,
290div.dokuwiki a.windows:active,
291div.dokuwiki a.interwiki:hover,
292div.dokuwiki a.interwiki:active {
293  color: __text__;
294}
295
296/* email link */
297div.dokuwiki a.mail {
298  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
299  padding: 1px 0px 1px 16px;
300}
301
302/* existing wikipage */
303div.dokuwiki a.wikilink1 {
304  color: __existing__ !important;
305}
306
307/* not existing wikipage */
308div.dokuwiki a.wikilink2 {
309  color: __missing__ !important;
310  text-decoration: none !important;
311  border-bottom: dashed 1px __missing__ !important;
312}
313
314/* ------------- Page elements ----------------- */
315
316div.dokuwiki div.preview {
317  background-color: __background_neu__;
318  margin: 0 0 0 2em;
319  padding: 4px;
320  border: 1px dashed __text__;
321}
322
323div.dokuwiki div.breadcrumbs {
324  background-color: __background_neu__;
325  color: __text_neu__;
326  font-size: 80%;
327  padding: 0 0 0 4px;
328}
329
330div.dokuwiki span.user {
331  color: __text_other__;
332  font-size: 90%;
333}
334
335div.dokuwiki li.minor {
336  color: __text_neu__;
337  font-style: italic;
338}
339
340/* embedded images */
341div.dokuwiki img.media {
342  margin: 3px;
343}
344
345div.dokuwiki img.medialeft {
346  border: 0;
347  float: left;
348  margin: 0 1.5em 0 0;
349}
350
351div.dokuwiki img.mediaright {
352  border: 0;
353  float: right;
354  margin: 0 0 0 1.5em;
355}
356
357div.dokuwiki img.mediacenter {
358  border: 0;
359  display: block;
360  margin: 0 auto;
361}
362
363/* smileys */
364div.dokuwiki img.middle {
365  vertical-align: middle;
366}
367
368div.dokuwiki acronym {
369  cursor: help;
370  border-bottom: 1px dotted __text__;
371}
372
373/* general headline setup */
374div.dokuwiki h1,
375div.dokuwiki h2,
376div.dokuwiki h3,
377div.dokuwiki h4,
378div.dokuwiki h5 {
379    color: __text__;
380    background-color: inherit;
381    font-size: 100%;
382    font-weight: normal;
383    margin: 0 0 1em 0;
384    padding: 0.5em 0 0 0;
385    border-bottom: 1px solid __border__;
386    clear: left;
387}
388
389/* special headlines */
390div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
391div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
392div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
393div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
394div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
395
396/* indent different sections */
397div.dokuwiki div.level1 {margin-left: 3px;}
398div.dokuwiki div.level2 {margin-left: 23px;}
399div.dokuwiki div.level3 {margin-left: 43px;}
400div.dokuwiki div.level4 {margin-left: 63px;}
401div.dokuwiki div.level5 {margin-left: 83px;}
402
403/* unordered lists */
404div.dokuwiki ul {
405  line-height: 1.5em;
406  list-style-type: square;
407  list-style-image: none;
408  margin: 0 0 0.5em 1.5em;
409  color: __text_alt__;
410}
411
412/* ordered lists */
413div.dokuwiki ol {
414  line-height: 1.5em;
415	list-style-type: decimal;
416  list-style-image: none;
417  margin: 0 0 0.5em 1.5em;
418  color: __text_alt__;
419  font-weight: bold;
420}
421
422/* the list items overriding the ul/ol definition */
423div.dokuwiki .li {
424  color: __text__;
425  font-weight: normal;
426}
427
428/*
429div.dokuwiki ol {list-style-type: decimal}
430div.dokuwiki ol ol {list-style-type: lower-alpha}
431div.dokuwiki ol ol ol {list-style-type: lower-roman}
432div.dokuwiki ol ol ol ol {list-style-type: decimal}
433*/
434
435div.dokuwiki li.open {
436  list-style-image: url(images/open.gif);
437    /*list-style-type: circle;*/
438}
439
440div.dokuwiki li.closed {
441  list-style-image: url(images/closed.gif);
442    /*list-style-type: disc;*/
443}
444
445div.dokuwiki blockquote {
446  border-left: 2px solid __border__;
447  padding-left: 3px;
448}
449
450div.dokuwiki pre {
451  font-size: 120%;
452  padding: 0.5em;
453  border: 1px dashed __border__;
454  color: __text__;
455  overflow: auto;
456}
457
458/* code blocks by indention */
459div.dokuwiki pre.pre {
460  background-color: __background_other__;
461}
462
463/* code blocks by code tag */
464div.dokuwiki pre.code {
465  background-color: __background_other__;
466}
467
468/* inline code words */
469div.dokuwiki code {
470  font-size: 120%;
471}
472
473/* code blocks by file tag */
474div.dokuwiki pre.file {
475  background-color: __background_alt__;
476}
477
478/* inline tables */
479div.dokuwiki table.inline {
480  background-color: __background__;
481  border-spacing: 0px;
482  border-collapse: collapse;
483}
484
485div.dokuwiki table.inline th {
486  padding: 3px;
487  border: 1px solid __border__;
488  background-color: __background_alt__;
489}
490
491div.dokuwiki table.inline td {
492  padding: 3px;
493  border: 1px solid __border__;
494}
495
496/* ---------- table of contents ------------------- */
497
498div.dokuwiki div.toc {
499  margin: 1.2em 0 0 2em;
500  float: right;
501  width: 200px;
502  font-size: 80%;
503  clear: both;
504}
505
506div.dokuwiki div.tocheader {
507  border: 1px solid __border__;
508  background-color: __background_alt__;
509  text-align: left;
510  font-weight: bold;
511  padding: 3px;
512  margin-bottom: 2px;
513}
514
515div.dokuwiki span.toc_open,
516div.dokuwiki span.toc_close {
517    border: 0.4em solid __background_alt__;
518    float: right;
519    display: block;
520    margin: 0.4em 3px 0 0;
521}
522
523div.dokuwiki span.toc_open span,
524div.dokuwiki span.toc_close span {
525    display: none;
526}
527
528div.dokuwiki span.toc_open {
529    margin-top: 0.4em;
530    border-top: 0.4em solid __text__;
531}
532
533div.dokuwiki span.toc_close {
534    margin-top: 0;
535    border-bottom: 0.4em solid __text__;
536}
537
538div.dokuwiki #toc__inside {
539  border: 1px solid __border__;
540  background-color: __background__;
541  text-align: left;
542  padding: 0.5em 0 0.7em 0;
543}
544
545div.dokuwiki ul.toc {
546  list-style-type: none;
547  list-style-image: none;
548  line-height: 1.2em;
549  padding-left: 1em;
550  margin: 0;
551}
552
553div.dokuwiki ul.toc li {
554  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
555  padding-left: 0.4em;
556}
557
558div.dokuwiki ul.toc li.clear {
559  background-image: none;
560  padding-left: 0.4em;
561}
562
563div.dokuwiki a.toc:link,
564div.dokuwiki a.toc:visited {
565  color: __extern__;
566}
567
568div.dokuwiki a.toc:hover,
569div.dokuwiki a.toc:active {
570  color: __text__;
571}
572
573/* ---------------------------- Diff rendering --------------------------*/
574div.dokuwiki table.diff {
575  background-color: __background__;
576  width: 100%;
577}
578div.dokuwiki td.diff-blockheader {
579  font-weight: bold;
580}
581div.dokuwiki table.diff th {
582  border-bottom: 1px solid __border__;
583  font-size: 120%;
584  width: 50%;
585  font-weight: normal;
586  text-align: left;
587}
588div.dokuwiki table.diff td {
589  font-family: monospace;
590  font-size: 100%;
591}
592div.dokuwiki td.diff-addedline {
593  background-color: #ddffdd;
594}
595div.dokuwiki td.diff-deletedline {
596    background-color: #ffffbb;
597}
598div.dokuwiki td.diff-context {
599    background-color: __background_neu__;
600}
601div.dokuwiki table.diff td.diff-addedline strong,
602div.dokuwiki table.diff td.diff-deletedline strong {
603    color: red;
604}
605
606/* --------------------- footnotes -------------------------------- */
607
608div.dokuwiki div.footnotes {
609  clear: both;
610  border-top: 1px solid __border__;
611  padding-left: 1em;
612  margin-top: 1em;
613}
614
615div.dokuwiki div.fn {
616  font-size: 90%;
617}
618
619div.dokuwiki a.fn_top {
620  vertical-align: super;
621  font-size: 80%;
622}
623
624div.dokuwiki a.fn_bot {
625  vertical-align: super;
626  font-size: 80%;
627  font-weight: bold;
628}
629
630/* insitu-footnotes */
631div.insitu-footnote {
632  font-size: 80%;
633  line-height: 1.2em;
634  border: 1px solid __border__;
635  background-color: __background_other__;
636  text-align: left;
637  padding: 4px;
638  max-width: 40%;    /* IE's width is handled in javascript */
639}
640
641/* overcome IE issue with one line code or file boxes which require h. scrolling */
642* html .insitu-footnote pre.code,
643* html .insitu-footnote pre.file {
644  padding-bottom: 18px;
645}
646
647/* --------------- search result formating --------------- */
648div.dokuwiki .search_result {
649  margin-bottom: 6px;
650  padding: 0 10px 0 30px;
651}
652
653div.dokuwiki .search_snippet {
654  color: __text_other__;
655  font-size: 12px;
656  margin-left: 20px;
657}
658
659div.dokuwiki .search_sep {
660  color: __text__;
661}
662
663div.dokuwiki .search_hit {
664  color: __text__;
665  background-color: __highlight__;
666}
667div.dokuwiki strong.search_hit {
668  font-weight: normal;
669}
670
671div.dokuwiki div.search_quickresult {
672  margin: 0 0 15px 30px;
673  padding: 0 10px 10px 0;
674  border-bottom: 1px dashed __border__;
675}
676div.dokuwiki div.search_quickresult h3 {
677  margin: 0 0 1.0em 0;
678  font-size: 1em;
679  font-weight: bold;
680}
681
682div.dokuwiki ul.search_quickhits {
683  margin: 0 0 0.5em 1.0em;
684}
685
686div.dokuwiki ul.search_quickhits li {
687  margin: 0 1.0em 0 1.0em;
688  float:left;
689  width: 30%;
690}
691
692/* ------------------ Additional ---------------------- */
693
694div.footerinc {
695    text-align: center;
696}
697.footerinc a img {
698    opacity: 0.5;
699    border: 0;
700}
701
702.footerinc a:hover img {
703    opacity: 1;
704}
705
706/* ---------- AJAX quicksearch ----------- */
707
708div.dokuwiki div.ajax_qsearch {
709  position: absolute;
710  right: 237px;;
711  width: 200px;
712  opacity: 0.9;
713  display: none;
714  font-size: 80%;
715  line-height: 1.2em;
716  border: 1px solid __border__;
717  background-color: __background_other__;
718  text-align: left;
719  padding: 4px;
720}
721
722/* --------- Toolbar -------------------- */
723button.toolbutton {
724  background-color: __background__;
725  padding: 0px;
726  margin: 0 1px 0 0;
727  border: 1px solid __border__;
728  cursor: pointer;
729}
730
731/* nice alphatransparency background except for IE <7 */
732html>body button.toolbutton {
733  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
734}
735
736div.picker {
737  width: 250px;
738  border: 1px solid __border__;
739  background-color: __background_alt__;
740}
741
742button.pickerbutton {
743  padding: 0px;
744  margin: 0 1px 1px 0;
745  border: 0;
746  background-color: transparent;
747  font-size: 80%;
748  cursor: pointer;
749}
750
751/* ---------- Spellchecking ------------- */
752
753div.dokuwiki a.spell_error {
754  color: #f00;
755  text-decoration: underline;
756}
757
758div.dokuwiki div#spell__suggest {
759  background-color: __background__;
760  padding: 2px;
761  border: 1px solid __text__;
762  font-size: 80%;
763  display: none;
764}
765
766div.dokuwiki div#spell__result {
767  border: 1px solid __border__;
768  color: __text__;
769  font-size: 14px;
770  padding: 3px;
771  background-color: __background_other__;
772  display: none;
773}
774
775div.dokuwiki span.spell_noerr {
776  color: #093;
777}
778
779div.dokuwiki span.spell_wait {
780  color: #06c;
781}
782
783/* ---------------  Image Details  ----------------- */
784
785div.dokuwiki div.img_big {
786  float: left;
787  margin-right: 0.5em;
788}
789
790div.dokuwiki dl.img_tags dt {
791  font-weight: bold;
792  background-color: __background_alt__;
793}
794div.dokuwiki dl.img_tags dd {
795  background-color: __background_neu__;
796}
797
798div.dokuwiki div.imagemeta {
799  color: __text_neu__;
800  font-size: 70%;
801  line-height: 95%;
802}
803
804div.dokuwiki div.imagemeta img.thumb {
805  float:left;
806  margin-right: 0.1em;
807}