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