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