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