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