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