1/**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <henke@cosmocode.de>
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 font: 80% "Arial";
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: 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 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
175/* --------- buttons ------------------- */
176
177
178div.dokuwiki input.button,
179div.dokuwiki button.button {
180  border: 1px solid __border__;
181  color: __text__;
182  background-color: __background__;
183  vertical-align: middle;
184  text-decoration: none;
185  font-size: 80%;
186  cursor: pointer;
187  padding: 0.125em 0.4em;
188}
189
190* html div.dokuwiki input.button,
191* html div.dokuwiki button.button {
192  height: 1.8em;
193}
194
195div.dokuwiki div.secedit input.button {
196  border: 1px solid __border__;
197  color: __text__;
198  background-color: __background__;
199  vertical-align: middle;
200  text-decoration: none;
201  margin: 0;
202  padding: 0;
203  font-size: 10px;
204  cursor: pointer;
205  float: right;
206  display: inline;
207}
208
209/* ----------- page navigator ------------- */
210
211div.dokuwiki div.pagenav {
212    margin: 1em 0 0 0;
213}
214
215div.dokuwiki div.pagenav-prev {
216    text-align: right;
217    float: left;
218    width: 49%
219}
220
221div.dokuwiki div.pagenav-next {
222    text-align: left;
223    float: right;
224    width: 49%
225}
226
227/* --------------- Links ------------------ */
228
229div.dokuwiki a:link,
230div.dokuwiki a:visited {
231  color: __extern__;
232  text-decoration: none;
233}
234div.dokuwiki a:hover,
235div.dokuwiki a:active {
236  color: __extern__;
237  text-decoration: none;
238}
239
240div.dokuwiki h1 a,
241div.dokuwiki h2 a,
242div.dokuwiki h3 a,
243div.dokuwiki h4 a,
244div.dokuwiki h5 a,
245div.dokuwiki a.nolink {
246  color: __text__ !important;
247  text-decoration: none !important;
248}
249
250/* external link */
251div.dokuwiki a.urlextern {
252  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
253  padding: 1px 0px 1px 16px;
254}
255
256/* windows share */
257div.dokuwiki a.windows {
258  background: transparent url(images/windows.gif) 0px 1px no-repeat;
259  padding: 1px 0px 1px 16px;
260}
261
262/* interwiki link (icon are set by dokuwiki) */
263div.dokuwiki a.interwiki {
264}
265
266/* link to some embedded media */
267div.dokuwiki a.media {
268}
269
270div.dokuwiki a.urlextern:link,
271div.dokuwiki a.windows:link,
272div.dokuwiki a.interwiki:link {
273  color: __extern__;
274}
275
276div.dokuwiki a.urlextern:visited,
277div.dokuwiki a.windows:visited,
278div.dokuwiki a.interwiki:visited {
279  color: purple;
280}
281div.dokuwiki a.urlextern:hover,
282div.dokuwiki a.urlextern:active,
283div.dokuwiki a.windows:hover,
284div.dokuwiki a.windows:active,
285div.dokuwiki a.interwiki:hover,
286div.dokuwiki a.interwiki:active {
287  color: __text__;
288}
289
290/* email link */
291div.dokuwiki a.mail {
292  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
293  padding: 1px 0px 1px 16px;
294}
295
296/* existing wikipage */
297div.dokuwiki a.wikilink1 {
298  color: __existing__ !important;
299}
300
301/* not existing wikipage */
302div.dokuwiki a.wikilink2 {
303  color: __missing__ !important;
304  text-decoration: none !important;
305  border-bottom: dashed 1px __missing__ !important;
306}
307
308/* ------------- Page elements ----------------- */
309
310div.dokuwiki div.preview {
311  background-color: __background_neu__;
312  margin: 0 0 0 2em;
313  padding: 4px;
314  border: 1px dashed __text__;
315}
316
317div.dokuwiki div.breadcrumbs {
318  color: __text__;
319  font-size: 100%;
320}
321
322div.dokuwiki span.user {
323  color: __text_other__;
324  font-size: 90%;
325}
326
327div.dokuwiki li.minor {
328  color: __text_neu__;
329  font-style: italic;
330}
331
332/* embedded images */
333div.dokuwiki img.media {
334  margin: 3px;
335}
336
337div.dokuwiki img.medialeft {
338  border: 0;
339  float: left;
340  margin: 0 1.5em 0 0;
341}
342
343div.dokuwiki img.mediaright {
344  border: 0;
345  float: right;
346  margin: 0 0 0 1.5em;
347}
348
349div.dokuwiki img.mediacenter {
350  border: 0;
351  display: block;
352  margin: 0 auto;
353}
354
355/* smileys */
356div.dokuwiki img.middle {
357  vertical-align: middle;
358}
359
360div.dokuwiki acronym {
361  cursor: help;
362  border-bottom: 1px dotted __text__;
363}
364
365/* general headline setup */
366div.dokuwiki h1,
367div.dokuwiki h2,
368div.dokuwiki h3,
369div.dokuwiki h4,
370div.dokuwiki h5 {
371    color: __text__;
372    background-color: inherit;
373    font-size: 100%;
374    font-weight: normal;
375    margin: 0 0 1em 0;
376    padding: 0.5em 0 0 0;
377    border-bottom: 1px solid __border__;
378    clear: left;
379}
380
381/* special headlines */
382div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
383div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
384div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
385div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
386div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
387
388/* indent different sections */
389div.dokuwiki div.level1 {margin-left: 3px;}
390div.dokuwiki div.level2 {margin-left: 23px;}
391div.dokuwiki div.level3 {margin-left: 43px;}
392div.dokuwiki div.level4 {margin-left: 63px;}
393div.dokuwiki div.level5 {margin-left: 83px;}
394
395/* unordered lists */
396div.dokuwiki ul {
397  line-height: 1.5em;
398  list-style-type: square;
399  list-style-image: none;
400  margin: 0 0 0.5em 1.5em;
401  color: __text_alt__;
402}
403
404/* ordered lists */
405div.dokuwiki ol {
406  line-height: 1.5em;
407  list-style-image: none;
408  margin: 0 0 0.5em 1.5em;
409  color: __text_alt__;
410  font-weight: bold;
411}
412
413/* the list items overriding the ul/ol definition */
414div.dokuwiki .li {
415  color: __text__;
416  font-weight: normal;
417}
418
419div.dokuwiki ol {list-style-type: decimal}
420div.dokuwiki ol ol {list-style-type: upper-roman}
421div.dokuwiki ol ol ol {list-style-type: lower-alpha}
422div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
423
424div.dokuwiki li.open {
425  list-style-image: url(images/open.gif);
426    /*list-style-type: circle;*/
427}
428
429div.dokuwiki li.closed {
430  list-style-image: url(images/closed.gif);
431    /*list-style-type: disc;*/
432}
433
434div.dokuwiki blockquote {
435  border-left: 2px solid __border__;
436  padding-left: 3px;
437}
438
439div.dokuwiki pre {
440  font-size: 120%;
441  padding: 0.5em;
442  border: 1px dashed __border__;
443  color: __text__;
444  overflow: auto;
445}
446
447/* code blocks by indention */
448div.dokuwiki pre.pre {
449  background-color: __background_other__;
450}
451
452/* code blocks by code tag */
453div.dokuwiki pre.code {
454  background-color: __background_other__;
455}
456
457/* inline code words */
458div.dokuwiki code {
459  font-size: 120%;
460}
461
462/* code blocks by file tag */
463div.dokuwiki pre.file {
464  background-color: __background_alt__;
465}
466
467/* inline tables */
468div.dokuwiki table.inline {
469  background-color: __background__;
470  border-spacing: 0px;
471  border-collapse: collapse;
472}
473
474div.dokuwiki table.inline th {
475  padding: 3px;
476  border: 1px solid __border__;
477  background-color: __background_alt__;
478}
479
480div.dokuwiki table.inline td {
481  padding: 3px;
482  border: 1px solid __border__;
483}
484
485/* ---------- table of contents ------------------- */
486
487div.dokuwiki div.toc {
488  margin: 1.2em 0 0 2em;
489  float: right;
490  width: 200px;
491  font-size: 80%;
492  clear: both;
493}
494
495div.dokuwiki div.tocheader {
496  border: 1px solid __border__;
497  background-color: __background_alt__;
498  text-align: left;
499  font-weight: bold;
500  padding: 3px;
501  margin-bottom: 2px;
502}
503
504div.dokuwiki span.toc_open,
505div.dokuwiki span.toc_close {
506    border: 0.4em solid __background_alt__;
507    float: right;
508    display: block;
509    margin: 0.4em 3px 0 0;
510}
511
512div.dokuwiki span.toc_open span,
513div.dokuwiki span.toc_close span {
514    display: none;
515}
516
517div.dokuwiki span.toc_open {
518    margin-top: 0.4em;
519    border-top: 0.4em solid __text__;
520}
521
522div.dokuwiki span.toc_close {
523    margin-top: 0;
524    border-bottom: 0.4em solid __text__;
525}
526
527div.dokuwiki #toc__inside {
528  border: 1px solid __border__;
529  background-color: __background__;
530  text-align: left;
531  padding: 0.5em 0 0.7em 0;
532}
533
534div.dokuwiki ul.toc {
535  list-style-type: none;
536  list-style-image: none;
537  line-height: 1.2em;
538  padding-left: 1em;
539  margin: 0;
540}
541
542div.dokuwiki ul.toc li {
543  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
544  padding-left: 0.4em;
545}
546
547div.dokuwiki ul.toc li.clear {
548  background-image: none;
549  padding-left: 0.4em;
550}
551
552div.dokuwiki a.toc:link,
553div.dokuwiki a.toc:visited {
554  color: __extern__;
555}
556
557div.dokuwiki a.toc:hover,
558div.dokuwiki a.toc:active {
559  color: __text__;
560}
561
562/* ---------------------------- Diff rendering --------------------------*/
563div.dokuwiki table.diff {
564  background-color: __background__;
565  width: 100%;
566}
567div.dokuwiki td.diff-blockheader {
568  font-weight: bold;
569}
570div.dokuwiki table.diff th {
571  border-bottom: 1px solid __border__;
572  font-size: 120%;
573  width: 50%;
574  font-weight: normal;
575  text-align: left;
576}
577div.dokuwiki table.diff td {
578  font-family: monospace;
579  font-size: 100%;
580}
581div.dokuwiki td.diff-addedline {
582  background-color: #ddffdd;
583}
584div.dokuwiki td.diff-deletedline {
585    background-color: #ffffbb;
586}
587div.dokuwiki td.diff-context {
588    background-color: __background_neu__;
589}
590div.dokuwiki table.diff td.diff-addedline strong,
591div.dokuwiki table.diff td.diff-deletedline strong {
592    color: red;
593}
594
595/* --------------------- footnotes -------------------------------- */
596
597div.dokuwiki div.footnotes {
598  clear: both;
599  border-top: 1px solid __border__;
600  padding-left: 1em;
601  margin-top: 1em;
602}
603
604div.dokuwiki div.fn {
605  font-size: 90%;
606}
607
608div.dokuwiki a.fn_top {
609  vertical-align: super;
610  font-size: 80%;
611}
612
613div.dokuwiki a.fn_bot {
614  vertical-align: super;
615  font-size: 80%;
616  font-weight: bold;
617}
618
619/* insitu-footnotes */
620div.insitu-footnote {
621  font-size: 80%;
622  line-height: 1.2em;
623  border: 1px solid __border__;
624  background-color: __background_other__;
625  text-align: left;
626  padding: 4px;
627  max-width: 40%;    /* IE's width is handled in javascript */
628}
629
630/* overcome IE issue with one line code or file boxes which require h. scrolling */
631* html .insitu-footnote pre.code,
632* html .insitu-footnote pre.file {
633  padding-bottom: 18px;
634}
635
636/* --------------- search result formating --------------- */
637div.dokuwiki .search_result {
638  margin-bottom: 6px;
639  padding: 0 10px 0 30px;
640}
641
642div.dokuwiki .search_snippet {
643  color: __text_other__;
644  font-size: 12px;
645  margin-left: 20px;
646}
647
648div.dokuwiki .search_sep {
649  color: __text__;
650}
651
652div.dokuwiki .search_hit {
653  color: __text__;
654  background-color: __highlight__;
655}
656div.dokuwiki strong.search_hit {
657  font-weight: normal;
658}
659
660div.dokuwiki div.search_quickresult {
661  margin: 0 0 15px 30px;
662  padding: 0 10px 10px 0;
663  border-bottom: 1px dashed __border__;
664}
665div.dokuwiki div.search_quickresult h3 {
666  margin: 0 0 1.0em 0;
667  font-size: 1em;
668  font-weight: bold;
669}
670
671div.dokuwiki ul.search_quickhits {
672  margin: 0 0 0.5em 1.0em;
673}
674
675div.dokuwiki ul.search_quickhits li {
676  margin: 0 1.0em 0 1.0em;
677  float:left;
678  width: 30%;
679}
680
681/* ------------------ Additional ---------------------- */
682
683div.footerinc {
684	margin-top: 10px;
685    text-align: center;
686}
687.footerinc a img {
688    opacity: 0.5;
689    border: 0;
690}
691
692.footerinc a:hover img {
693    opacity: 1;
694}
695
696/* ---------- AJAX quicksearch ----------- */
697
698div.dokuwiki div.ajax_qsearch {
699  position: absolute;
700  right: 237px;;
701  width: 200px;
702  opacity: 0.9;
703  display: none;
704  font-size: 80%;
705  line-height: 1.2em;
706  border: 1px solid __border__;
707  background-color: __background_other__;
708  text-align: left;
709  padding: 4px;
710}
711
712/* --------- Toolbar -------------------- */
713button.toolbutton {
714  background-color: __background__;
715  padding: 0px;
716  margin: 0 1px 0 0;
717  border: 1px solid __border__;
718  cursor: pointer;
719}
720
721/* nice alphatransparency background except for IE <7 */
722html>body button.toolbutton {
723  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
724}
725
726div.picker {
727  width: 250px;
728  border: 1px solid __border__;
729  background-color: __background_alt__;
730}
731
732button.pickerbutton {
733  padding: 0px;
734  margin: 0 1px 1px 0;
735  border: 0;
736  background-color: transparent;
737  font-size: 80%;
738  cursor: pointer;
739}
740
741/* ---------- Spellchecking ------------- */
742
743div.dokuwiki a.spell_error {
744  color: #f00;
745  text-decoration: underline;
746}
747
748div.dokuwiki div#spell__suggest {
749  background-color: __background__;
750  padding: 2px;
751  border: 1px solid __text__;
752  font-size: 80%;
753  display: none;
754}
755
756div.dokuwiki div#spell__result {
757  border: 1px solid __border__;
758  color: __text__;
759  font-size: 14px;
760  padding: 3px;
761  background-color: __background_other__;
762  display: none;
763}
764
765div.dokuwiki span.spell_noerr {
766  color: #093;
767}
768
769div.dokuwiki span.spell_wait {
770  color: #06c;
771}
772
773/* ---------------  Image Details  ----------------- */
774
775div.dokuwiki div.img_big {
776  float: left;
777  margin-right: 0.5em;
778}
779
780div.dokuwiki dl.img_tags dt {
781  font-weight: bold;
782  background-color: __background_alt__;
783}
784div.dokuwiki dl.img_tags dd {
785  background-color: __background_neu__;
786}
787
788div.dokuwiki div.imagemeta {
789  color: __text_neu__;
790  font-size: 70%;
791  line-height: 95%;
792}
793
794div.dokuwiki div.imagemeta img.thumb {
795  float:left;
796  margin-right: 0.1em;
797}
798
799/* minimal */
800
801a {
802	text-decoration:none
803}
804
805#bar__bottomright .action{
806
807	padding-left: 5px;
808	padding-right: 5px;
809	font-size: 90%;
810
811}
812
813#actions a{
814
815	font-size: 90%;
816	padding-left: 5px;
817	padding-right: 5px;
818
819}
820
821#bar__topleft input.button {
822  border-top: 1px solid __border__;
823  border-left: 1px solid __border__;
824  border-right: 1px solid __border__;
825  border-bottom: 1px solid __background_alt__;
826  color: __text__;
827  background-color: __background_alt__;
828  vertical-align: middle;
829  text-decoration: none;
830  font-size: 80%;
831  cursor: pointer;
832}
833
834div.dokuwiki input.button,
835div.dokuwiki button.button {
836
837  bottom: 23px;
838  border-top: 0px;
839  border-left: 0px;
840  border-right: 0px;
841  border-bottom: 0px;
842  color: __text__;
843  /*background-color: __background__;*/
844  vertical-align: middle;
845  text-decoration: none;
846  font-size: 80%;
847  cursor: pointer;
848
849
850}
851
852#page_title{
853
854	color: white;
855
856}
857
858.header{
859
860	background-color: #013567;
861
862}
863
864
865#dokuwiki__top{
866
867	position: relative;
868	top: 5px;
869	left: 10px;
870	font-size: 10px;
871	font-style: normal;
872	font-weight: normal;
873	font-family:Arial, Helvetica, sans-serif;
874
875}
876
877#dw__search .button{
878
879	background-color: #013567;
880	color: white;
881
882}
883
884.logo a{
885
886	font-size: 150%;
887	font-weight: bold;
888	font-family: Arial, Helvetica, sans-serif;
889
890}
891
892.login{
893
894	float: right;
895	vertical-align: bottom;
896	color: white;
897	padding-right: 10px;
898
899}
900
901#info{
902
903	color: black;
904	font-size: 80%;
905
906}
907
908
909#bar__topright a{
910
911	font-size: 90%;
912
913}
914
915#userinfo{
916
917font-size: 80%;
918
919}
920
921/*breadcrumb in header*/
922div.crumbs span.curid a:link,
923div.crumbs span.curid a:visited {
924  color: white;
925  text-decoration: none;
926
927}
928div.crumbs span.curid a:hover,
929div.crumbs span.curid a:active {
930  color: #dfe6ec;
931  text-decoration: underline;
932}
933
934/* Set the tabs up */
935#bar__topleft{
936
937width: auto;
938height: 18px;
939padding-top: 5px;
940margin-left: 5px;
941
942}
943
944#edit{
945
946	float: left;
947	background: white;
948	border-left: 1px solid #99adae;
949	border-right: 1px solid #99adae;
950	border-top: 1px solid #99adae;
951	border-bottom: 2px solid white;
952	padding-left: 5px;
953	padding-right: 5px;
954	padding-top: 5px;
955	margin-right: 2px;
956	vertical-align: bottom;
957	font-size: 10px;
958
959
960}
961
962#history{
963
964	float: right;
965	float: left;
966	background: white;
967	border-left: 1px solid #99adae;
968	border-right: 1px solid #99adae;
969	border-top: 1px solid #99adae;
970	border-bottom: 2px solid white;
971	padding-left: 5px;
972	padding-right: 5px;
973	padding-top: 5px;
974	margin-left: 2px;
975	font-size: 10px;
976
977}
978
979#history a:link,
980#history a:visited,
981#history a:hover,
982#edit a:link,
983#edit a:visited,
984#edit a:hover  {
985  text-decoration: none;
986}
987
988.page_path{
989
990font-size: 12px;
991color: #000000;
992
993}
994
995.page_path span{
996
997font-size: 12px;
998
999}
1000
1001.crumbs, .trace{
1002
1003	font-size: 12px;
1004
1005}