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