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