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