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: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
14  background-color: #ECECEC;
15  color: __text__;
16}
17
18/* the document */
19div.dokuwiki div.page {
20  margin: 4px;
21  text-align: left;
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: 10px;
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: 12px;
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: 100%;
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: 3px; font-weight: bold; padding-bottom: .05em;}
402div.dokuwiki h2 {font-size: 130%; margin-left: 8px; font-weight: bold; padding-top: .7em;padding-bottom: .05em;}
403div.dokuwiki h3 {font-size: 120%; margin-left: 13px; font-weight: bold; padding-top: .7em; padding-bottom: .05em;}
404div.dokuwiki h4 {font-size: 110%; margin-left: 18px; font-weight: bold; padding-top: .7em; padding-bottom: .05em;}
405div.dokuwiki h5 {font-size: 100%; margin-left: 23px; font-weight: bold; padding-top: .7em; padding-bottom: .05em;}
406
407/* indent different sections */
408div.dokuwiki div.level1 { margin-left: 3px; }
409div.dokuwiki div.level2 { margin-left: 8px; }
410div.dokuwiki div.level3 { margin-left: 13px; }
411div.dokuwiki div.level4 { margin-left: 18px; }
412div.dokuwiki div.level5 { margin-left: 23px; }
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 2em;
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 2em;
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  padding-left: 12px;
461}
462
463div.dokuwiki pre {
464  font-size: 120%;
465  padding: 0.5em;
466  border: 1px dashed __border__;
467  color: __text__;
468  overflow: auto;
469}
470
471/* code blocks by indention */
472div.dokuwiki pre.pre {
473  background-color: __background_other__;
474}
475
476/* code blocks by code tag */
477div.dokuwiki pre.code {
478  background-color: __background_other__;
479}
480
481/* code blocks by file tag */
482div.dokuwiki pre.file {
483  background-color: __background_alt__;
484}
485
486/* filenames for file and code blocks */
487div.dokuwiki dl.file,
488div.dokuwiki dl.code {
489    margin-top: 2em;
490    margin-bottom: 2.5em;
491}
492
493div.dokuwiki dl.file dt,
494div.dokuwiki dl.code dt {
495    border: 1px dashed __border__;
496    display: inline;
497    padding: 0.1em 1em;
498    margin-left: 2em;
499}
500
501div.dokuwiki dl.code dt a,
502div.dokuwiki dl.file dt a {
503    color: __text__;
504}
505
506div.dokuwiki dl.code dt {
507    background-color: __background_other__;
508    border-bottom: 1px solid __background_other__;
509}
510
511div.dokuwiki dl.file dt {
512    background-color: __background_alt__;
513    border-bottom: 1px solid __background_alt__;
514}
515
516
517/* inline code words */
518div.dokuwiki code {
519  font-size: 120%;
520}
521
522/* inline tables */
523div.dokuwiki table.inline {
524  background-color: __background__;
525  border-spacing: 0px;
526  border-collapse: collapse;
527}
528
529div.dokuwiki table.inline th {
530  padding: 3px;
531  border: 1px solid __border__;
532  background-color: __background_alt__;
533}
534
535div.dokuwiki table.inline td {
536  padding: 3px;
537  border: 1px solid __border__;
538}
539
540/* ---------- table of contents ------------------- */
541/* removed div.dokuwiki from headings as elemts werent picking up on it :S */
542
543div.dokuwiki div.toc {
544clear:both;
545font-size:12px;
546margin-bottom:0;
547margin-left:5px;
548margin-right:5px;
549margin-top: 5px;
550
551}
552
553div.dokuwiki div.tocheader {
554  display:none;
555  border: 1px solid __border__;
556  background-color: __background_alt__;
557  text-align: left;
558  font-weight: bold;
559  padding: 3px;
560  margin-bottom: 2px;
561}
562
563div.dokuwiki span.toc_open,
564div.dokuwiki span.toc_close {
565    border: 0.4em solid __background_alt__;
566    float: right;
567    display: block;
568    margin: 0.4em 3px 0 0;
569}
570
571div.dokuwiki span.toc_open span,
572div.dokuwiki span.toc_close span {
573    display: none;
574}
575
576div.dokuwiki span.toc_open {
577    margin-top: 0.4em;
578    border-top: 0.4em solid __text__;
579}
580
581div.dokuwiki span.toc_close {
582    margin-top: 0;
583    border-bottom: 0.4em solid __text__;
584}
585
586div.dokuwiki #toc__inside {
587  border: 1px solid __border__;
588  background-color: __background__;
589  text-align: left;
590  padding: 0.5em 0 0.7em 0;
591}
592
593div.dokuwiki ul.toc {
594  list-style-type: none;
595  list-style-image: none;
596  line-height: 1.2em;
597  padding-left: 1em;
598  margin: 0;
599
600}
601
602div.dokuwiki ul.toc li {
603  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
604  padding-left: 0.4em;
605  margin:0px;
606  margin-top: 1.2em;
607  margin-bottom: 1.2em;
608}
609
610div.dokuwiki ul.toc li.clear {
611  background-image: none;
612  padding-left: 0.4em;
613}
614
615div.dokuwiki a.toc:link,
616div.dokuwiki a.toc:visited {
617  text-decoration:none;
618  color: __extern__;
619  }
620
621div.dokuwiki a.toc:hover,
622div.dokuwiki a.toc:active {
623 text-decoration:none;
624  color: __text__;
625
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: 110%;
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_other__;
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: __background_alt__;
756}
757
758/* ------------------ Additional ---------------------- */
759
760div.footerinc {
761    text-align: center;
762}
763.footerinc a img {
764    opacity: 0.5;
765    border: 0;
766}
767
768.footerinc a:hover img {
769    opacity: 1;
770}
771
772/* ---------- AJAX quicksearch ----------- */
773
774div.dokuwiki div.ajax_qsearch {
775  position: absolute;
776  right: 237px;;
777  width: 200px;
778  opacity: 0.9;
779  display: none;
780  font-size: 80%;
781  line-height: 1.2em;
782  border: 1px solid __border__;
783  background-color: __background_other__;
784  text-align: left;
785  padding: 4px;
786}
787
788/* --------- Toolbar -------------------- */
789button.toolbutton {
790  background-color: __background__;
791  padding: 0px;
792  margin: 0 1px 0 0;
793  border: 1px solid __border__;
794  cursor: pointer;
795}
796
797/* nice alphatransparency background except for IE <7 */
798html>body button.toolbutton {
799  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
800}
801
802div.picker {
803  width: 250px;
804  border: 1px solid __border__;
805  background-color: __background_alt__;
806}
807
808div.pk_hl {
809  width: 125px;
810}
811
812button.pickerbutton {
813  padding: 0px;
814  margin: 0 1px 1px 0;
815  border: 0;
816  background-color: transparent;
817  font-size: 80%;
818  cursor: pointer;
819}
820
821/* ---------------  Image Details  ----------------- */
822
823div.dokuwiki div.img_big {
824  float: left;
825  margin-right: 0.5em;
826}
827
828div.dokuwiki dl.img_tags dt {
829  font-weight: bold;
830  background-color: __background_alt__;
831}
832div.dokuwiki dl.img_tags dd {
833  background-color: __background_neu__;
834}
835
836div.dokuwiki div.imagemeta {
837  color: __text_neu__;
838  font-size: 70%;
839  line-height: 95%;
840}
841
842div.dokuwiki div.imagemeta img.thumb {
843  float: left;
844  margin-right: 0.1em;
845}
846
847
848/* ---------------  iDokuwiki Additions  ----------------- */
849
850.iDokuwiki_container {
851margin: 0 auto;
852width:320px;
853padding:0;
854background-color:#FFFFFF;
855}
856
857
858div.wiki_nav {
859margin-left: 5px;
860margin-top:5px;
861}
862
863.iDokuwiki_edit{
864width:20em;
865background-color:#FFFFFF;
866color:#000000;
867background:  __background__ url(images/inputshadow.png) repeat-x scroll center top #FFFFFF;
868
869
870}