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: 75% sans-serif,"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
14  background-color: __background__;
15  color: __text__;
16}
17
18/* the document */
19div.dokuwiki div.page {
20  margin: 4px 2em 0 1em;
21  text-align: justify;
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: 110%;
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: 80%;
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 select.edit[disabled] {
141  background-color: __background_neu__!important;
142  color: __text_neu__!important;
143}
144
145/* edit form */
146div.dokuwiki div.toolbar,
147div.dokuwiki div#wiki__editbar {
148   margin: 2px 0;
149   text-align: left;
150}
151div.dokuwiki div#size__ctl {
152   float: right;
153   width: 60px;
154   height: 2.7em;
155}
156div.dokuwiki #size__ctl img {
157   cursor: pointer;
158}
159div.dokuwiki div#wiki__editbar div.editButtons {
160   float: left;
161   padding: 0 1.0em 0.7em 0;
162}
163div.dokuwiki div#wiki__editbar div.summary {
164   float: left;
165}
166div.dokuwiki .nowrap {
167   white-space: nowrap;
168}
169div.dokuwiki div#draft__status {
170  float: right;
171  color: __text_alt__;
172}
173
174/* --------- buttons ------------------- */
175
176
177div.dokuwiki input.button,
178div.dokuwiki button.button {
179  border: 1px solid __border__;
180  color: __text__;
181  background-color: __background__;
182  vertical-align: middle;
183  text-decoration: none;
184  font-size: 80%;
185  cursor: pointer;
186  margin: 1px;
187  padding: 0.125em 0.4em;
188}
189
190/* nice alphatransparency background except for IE <7 */
191html>body div.dokuwiki input.button,
192html>body div.dokuwiki button.button {
193  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
194}
195
196* html div.dokuwiki input.button,
197* html div.dokuwiki button.button {
198  height: 1.8em;
199}
200
201div.dokuwiki div.secedit input.button {
202  /* border: 1px solid __border__; */
203  border: none;
204  /* color: __text__; */
205  color: __border__;
206  /* background-color: __background__; */
207  background-color: transparent;
208  background: none;
209  vertical-align: middle;
210  text-decoration: none;
211  margin: 0;
212  padding: 0;
213  font-size: 80%;
214  cursor: pointer;
215  clear: left;
216  float: right;
217  display: inline;
218}
219
220div.dokuwiki div.sidebar-secedit {
221  float: right;
222}
223
224div.dokuwiki div.sidebar-secedit input.button {
225  /* border: 1px solid __border__; */
226  border: none;
227  /* color: __text__; */
228  color: __border__;
229  /* background-color: __background__; */
230  background-color: transparent;
231  background: none;
232  vertical-align: middle;
233  text-decoration: none;
234  margin: 0 1.5ex 0 0;
235  padding: 0;
236  font-size: 60%;
237  cursor: pointer;
238  float: right;
239  display: inline;
240}
241
242/* ----------- page navigator ------------- */
243
244div.dokuwiki div.pagenav {
245    margin: 1em 0 0 0;
246}
247
248div.dokuwiki div.pagenav-prev {
249    text-align: right;
250    float: left;
251    width: 49%
252}
253
254div.dokuwiki div.pagenav-next {
255    text-align: left;
256    float: right;
257    width: 49%
258}
259
260/* --------------- Links ------------------ */
261
262div.dokuwiki a:link,
263div.dokuwiki a:visited {
264  color: __extern__;
265  text-decoration: none;
266}
267div.dokuwiki a:hover,
268div.dokuwiki a:active {
269  color: __text__;
270  text-decoration: underline;
271}
272
273div.dokuwiki h1 a,
274div.dokuwiki h2 a,
275div.dokuwiki h3 a,
276div.dokuwiki h4 a,
277div.dokuwiki a.nolink {
278  color: __text__ !important;
279  text-decoration: none !important;
280  font-weight: bold;
281}
282
283div.dokuwiki h5 a,
284div.dokuwiki h5 a:hover {
285  color: #06947E;
286  text-decoration: none !important;
287}
288
289/* external link */
290div.dokuwiki a.urlextern {
291  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
292  padding: 1px 0px 1px 16px;
293}
294
295/* windows share */
296div.dokuwiki a.windows {
297  background: transparent url(images/windows.gif) 0px 1px no-repeat;
298  padding: 1px 0px 1px 16px;
299}
300
301/* interwiki link (icon are set by dokuwiki) */
302div.dokuwiki a.interwiki {
303}
304
305/* link to some embedded media */
306div.dokuwiki a.media {
307}
308
309div.dokuwiki a.urlextern:link,
310div.dokuwiki a.windows:link,
311div.dokuwiki a.interwiki:link {
312  color: __extern__;
313}
314
315div.dokuwiki a.urlextern:visited,
316div.dokuwiki a.windows:visited,
317div.dokuwiki a.interwiki:visited {
318  color: purple;
319}
320div.dokuwiki a.urlextern:hover,
321div.dokuwiki a.urlextern:active,
322div.dokuwiki a.windows:hover,
323div.dokuwiki a.windows:active,
324div.dokuwiki a.interwiki:hover,
325div.dokuwiki a.interwiki:active {
326  color: __text__;
327}
328
329/* email link */
330div.dokuwiki a.mail {
331  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
332  padding: 1px 0px 1px 16px;
333}
334
335/* existing wikipage */
336div.dokuwiki a.wikilink1 {
337  /* color: __existing__ !important; */
338  color: __existing__;
339}
340
341/* not existing wikipage */
342div.dokuwiki a.wikilink2 {
343  /* color: __missing__ !important; */
344  color: __missing__;
345  text-decoration: none !important;
346  border-bottom: dashed 1px __missing__ !important;
347}
348
349/* ------------- Page elements ----------------- */
350
351div.dokuwiki div.preview {
352  background-color: __background_neu__;
353  margin: 0 0 0 2em;
354  padding: 4px;
355  border: 1px dashed __text__;
356}
357
358div.dokuwiki div.breadcrumbs {
359  clear: none;
360  background-color: __background_neu__;
361  color: __text_neu__;
362  font-size: 80%;
363  padding: 0 0 0 4px;
364}
365
366div.dokuwiki span.user {
367  color: __text_other__;
368  font-size: 90%;
369}
370
371div.dokuwiki li.minor {
372  color: __text_neu__;
373  font-style: italic;
374}
375
376/* embedded images */
377div.dokuwiki img.media {
378  margin: 3px;
379}
380
381div.dokuwiki img.medialeft {
382  border: 0;
383  float: left;
384  margin: 0 1.5em 0 0;
385}
386
387div.dokuwiki img.mediaright {
388  border: 0;
389  float: right;
390  margin: 0 0 0 1.5em;
391}
392
393div.dokuwiki img.mediacenter {
394  border: 0;
395  display: block;
396  margin: 0 auto;
397}
398
399/* smileys */
400div.dokuwiki img.middle {
401  vertical-align: middle;
402}
403
404div.dokuwiki acronym {
405  cursor: help;
406  border-bottom: 1px dotted __text__;
407}
408
409/* general headline setup */
410div.dokuwiki h1,
411div.dokuwiki h2,
412div.dokuwiki h3,
413div.dokuwiki h4,
414div.dokuwiki h5 {
415    color: __text__;
416    background-color: inherit;
417    font-size: 100%;
418    font-weight: normal;
419    margin: 0 0 1em 0;
420    padding: 0.5em 0 0 0;
421    border-bottom: 1px solid __border__;
422    clear: left;
423    font-weight: bold;
424}
425
426/* special headlines */
427div.dokuwiki h1 { font-size: 160%; margin-left: 0px; }
428div.dokuwiki h2 { font-size: 150%; margin-left: 20px; }
429div.dokuwiki h3 { font-size: 130%; margin-left: 20px; border-bottom: none; }
430div.dokuwiki h4 { font-size: 110%; margin-left: 20px; border-bottom: none; }
431div.dokuwiki h5 { font-size: 100%; margin-left: 20px; border-bottom: none; }
432
433/* indent different sections */
434div.dokuwiki div.level1 {margin-left: 3px;}
435div.dokuwiki div.level2 {margin-left: 23px;}
436div.dokuwiki div.level3 {margin-left: 25px;}
437div.dokuwiki div.level4 {margin-left: 25px;}
438div.dokuwiki div.level5 {margin-left: 25px;}
439
440/* unordered lists */
441div.dokuwiki ul {
442  line-height: 1.4em;
443  list-style-type: square;
444  list-style-image: none;
445  margin: 0 0 0.5em 1.4em;
446  color: __text_alt__;
447}
448
449/* ordered lists */
450div.dokuwiki ol {
451  line-height: 1.5em;
452  list-style-image: none;
453  margin: 0 0 0.5em 1.5em;
454  color: __text_alt__;
455  font-weight: bold;
456}
457
458/* the list items overriding the ul/ol definition */
459div.dokuwiki .li {
460  color: __text__;
461  font-weight: normal;
462}
463
464div.dokuwiki ol {list-style-type: decimal}
465div.dokuwiki ol ol {list-style-type: upper-roman}
466div.dokuwiki ol ol ol {list-style-type: lower-alpha}
467div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
468
469div.dokuwiki li.open {
470  list-style-image: url(images/open.gif);
471    /*list-style-type: circle;*/
472}
473
474div.dokuwiki li.closed {
475  list-style-image: url(images/closed.gif);
476    /*list-style-type: disc;*/
477}
478
479div.dokuwiki blockquote {
480  border-left: 2px solid __border__;
481  padding-left: 3px;
482}
483
484div.dokuwiki pre {
485  font-size: 100%;
486  padding: 0.5em;
487  border: 1px dashed __border__;
488  color: __text__;
489  overflow: auto;
490}
491
492/* code blocks by indention */
493div.dokuwiki pre.pre {
494  background-color: __background_other__;
495}
496
497/* code blocks by code tag */
498div.dokuwiki pre.code {
499  background-color: __background_other__;
500}
501
502/* inline code words */
503div.dokuwiki code {
504  font-size: 100%;
505}
506
507/* code blocks by file tag */
508div.dokuwiki pre.file {
509  background-color: __background_alt__;
510}
511
512/* inline tables */
513div.dokuwiki table.inline {
514  background-color: __background__;
515  border-spacing: 0px;
516  border-collapse: collapse;
517}
518
519div.dokuwiki table.inline th {
520  padding: 3px;
521  border: 1px solid __border__;
522  background-color: __background_alt__;
523}
524
525div.dokuwiki table.inline td {
526  padding: 3px;
527  border: 1px solid __border__;
528}
529
530/* ---------- table of contents ------------------- */
531
532div.dokuwiki div.toc {
533  margin: 1.2em 0 0 2em;
534  float: right;
535  width: 200px;
536  font-size: 80%;
537  clear: both;
538}
539
540div.dokuwiki div.tocheader {
541  border: 1px solid __border__;
542  background-color: __background_alt__;
543  text-align: left;
544  font-weight: bold;
545  padding: 3px;
546  margin-bottom: 2px;
547}
548
549div.dokuwiki span.toc_open,
550div.dokuwiki span.toc_close {
551    border: 0.4em solid __background_alt__;
552    float: right;
553    display: block;
554    margin: 0.4em 3px 0 0;
555}
556
557div.dokuwiki span.toc_open span,
558div.dokuwiki span.toc_close span {
559    display: none;
560}
561
562div.dokuwiki span.toc_open {
563    margin-top: 0.4em;
564    border-top: 0.4em solid __text__;
565}
566
567div.dokuwiki span.toc_close {
568    margin-top: 0;
569    border-bottom: 0.4em solid __text__;
570}
571
572div.dokuwiki #toc__inside {
573  border: 1px solid __border__;
574  background-color: __background__;
575  text-align: left;
576  padding: 0.5em 0 0.7em 0;
577}
578
579div.dokuwiki ul.toc {
580  list-style-type: none;
581  list-style-image: none;
582  line-height: 1.2em;
583  padding-left: 1em;
584  margin: 0;
585}
586
587div.dokuwiki ul.toc li {
588  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
589  padding-left: 0.4em;
590}
591
592div.dokuwiki ul.toc li.clear {
593  background-image: none;
594  padding-left: 0.4em;
595}
596
597div.dokuwiki a.toc:link,
598div.dokuwiki a.toc:visited {
599  color: __extern__;
600}
601
602div.dokuwiki a.toc:hover,
603div.dokuwiki a.toc:active {
604  color: __text__;
605}
606
607/* ---------------------------- Diff rendering --------------------------*/
608div.dokuwiki table.diff {
609  background-color: __background__;
610  width: 100%;
611}
612div.dokuwiki td.diff-blockheader {
613  font-weight: bold;
614}
615div.dokuwiki table.diff th {
616  border-bottom: 1px solid __border__;
617  font-size: 120%;
618  width: 50%;
619  font-weight: normal;
620  text-align: left;
621}
622div.dokuwiki table.diff td {
623  font-family: monospace;
624  font-size: 100%;
625}
626div.dokuwiki td.diff-addedline {
627  background-color: #ddffdd;
628}
629div.dokuwiki td.diff-deletedline {
630    background-color: #ffffbb;
631}
632div.dokuwiki td.diff-context {
633    background-color: __background_neu__;
634}
635div.dokuwiki table.diff td.diff-addedline strong,
636div.dokuwiki table.diff td.diff-deletedline strong {
637    color: red;
638}
639
640/* --------------------- footnotes -------------------------------- */
641
642div.dokuwiki div.footnotes {
643  clear: both;
644  border-top: 1px solid __border__;
645  padding-left: 1em;
646  margin-top: 1em;
647}
648
649div.dokuwiki div.fn {
650  font-size: 90%;
651}
652
653div.dokuwiki a.fn_bot {
654  font-weight: bold;
655}
656
657/* insitu-footnotes */
658div.insitu-footnote {
659  font-size: 80%;
660  line-height: 1.2em;
661  border: 1px solid __border__;
662  background-color: __background_other__;
663  text-align: left;
664  padding: 4px;
665  max-width: 40%;    /* IE's width is handled in javascript */
666}
667
668/* overcome IE issue with one line code or file boxes which require h. scrolling */
669* html .insitu-footnote pre.code,
670* html .insitu-footnote pre.file {
671  padding-bottom: 18px;
672}
673
674/* --------------- search result formating --------------- */
675div.dokuwiki .search_result {
676  margin-bottom: 6px;
677  padding: 0 10px 0 30px;
678}
679
680div.dokuwiki .search_snippet {
681  color: __text_other__;
682  font-size: 80%;
683  margin-left: 20px;
684}
685
686div.dokuwiki .search_sep {
687  color: __text__;
688}
689
690div.dokuwiki .search_hit {
691  color: __text__;
692  background-color: __highlight__;
693}
694div.dokuwiki strong.search_hit {
695  font-weight: normal;
696}
697
698div.dokuwiki div.search_quickresult {
699  margin: 0 0 15px 30px;
700  padding: 0 10px 10px 0;
701  border-bottom: 1px dashed __border__;
702}
703div.dokuwiki div.search_quickresult h3 {
704  margin: 0 0 1.0em 0;
705  font-size: 1em;
706  font-weight: bold;
707}
708
709div.dokuwiki ul.search_quickhits {
710  margin: 0 0 0.5em 1.0em;
711}
712
713div.dokuwiki ul.search_quickhits li {
714  margin: 0 1.0em 0 1.0em;
715  float:left;
716  width: 30%;
717}
718
719/* ------------------ Additional ---------------------- */
720
721div.footerinc {
722    text-align: center;
723}
724.footerinc a img {
725    opacity: 0.5;
726    border: 0;
727}
728
729.footerinc a:hover img {
730    opacity: 1;
731}
732
733/* ---------- AJAX quicksearch ----------- */
734
735div.dokuwiki div.ajax_qsearch {
736  position: absolute;
737  right: 237px;;
738  width: 200px;
739  opacity: 0.9;
740  display: none;
741  font-size: 80%;
742  line-height: 1.2em;
743  border: 1px solid __border__;
744  background-color: __background_other__;
745  text-align: left;
746  padding: 4px;
747}
748
749/* --------- Toolbar -------------------- */
750button.toolbutton {
751  background-color: __background__;
752  padding: 0px;
753  margin: 0 1px 0 0;
754  border: 1px solid __border__;
755  cursor: pointer;
756}
757
758/* nice alphatransparency background except for IE <7 */
759html>body button.toolbutton {
760  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
761}
762
763div.picker {
764  width: 250px;
765  border: 1px solid __border__;
766  background-color: __background_alt__;
767}
768
769button.pickerbutton {
770  padding: 0px;
771  margin: 0 1px 1px 0;
772  border: 0;
773  background-color: transparent;
774  font-size: 80%;
775  cursor: pointer;
776}
777
778/* ---------------  Image Details  ----------------- */
779
780div.dokuwiki div.img_big {
781  float: left;
782  margin-right: 0.5em;
783}
784
785div.dokuwiki dl.img_tags dt {
786  font-weight: bold;
787  background-color: __background_alt__;
788}
789div.dokuwiki dl.img_tags dd {
790  background-color: __background_neu__;
791}
792
793div.dokuwiki div.imagemeta {
794  color: __text_neu__;
795  font-size: 70%;
796  line-height: 95%;
797}
798
799div.dokuwiki div.imagemeta img.thumb {
800  float:left;
801  margin-right: 0.1em;
802}
803