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