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