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