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