1/**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <henke@cosmocode.de>
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: #a6a6a6;
15  color: __text__;
16}
17
18/* the document */
19
20div.dokuwiki table {
21  font-size: 100%;
22}
23
24div.dokuwiki tr,
25div.dokuwiki td,
26div.dokuwiki th {
27}
28
29div.dokuwiki img {
30  border: 0;
31}
32
33div.dokuwiki p,
34div.dokuwiki blockquote,
35div.dokuwiki table,
36div.dokuwiki pre {
37  margin: 0 0 1em 0;
38}
39
40div.dokuwiki hr {
41  border: 0px;
42  border-top: 1px solid __border__;
43  text-align: center;
44  height: 0px;
45  margin: 1em 0;
46}
47
48div.dokuwiki div.nothing {
49  text-align: center;
50  margin: 2em;
51}
52
53/* ---------------- forms ------------------------ */
54
55div.dokuwiki form {
56  border: none;
57  display: inline;
58}
59
60div.dokuwiki label.block {
61  display: block;
62  text-align: right;
63  font-weight: bold;
64}
65
66div.dokuwiki label.simple {
67  display: block;
68  text-align: left;
69  font-weight: normal;
70}
71
72div.dokuwiki label.block input.edit {
73  width: 50%;
74}
75
76div.dokuwiki fieldset {
77  width: 286px;
78  text-align: center;
79  border: 1px solid __border__;
80  padding: 0.5em;
81  margin: auto;
82  margin-bottom: 1.5em;
83}
84
85div.dokuwiki textarea.edit {
86  font-family: monospace;
87  font-size: 14px;
88  color: __text__;
89  background-color: __background__;
90  border: 1px solid __border__;
91  padding: 0.3em 0 0 0.3em;
92/* fix for bad scrolling in IE8 */
93/*  width: 100%; */
94  height: 300px;
95  width: 700px;
96  min-width: 100%;
97  max-width: 100%;
98}
99
100/* nice alphatransparency background except for IE <7 */
101html>body div.dokuwiki textarea.edit {
102  background:  __background__ url(images/inputshadow.png) repeat-x top;
103}
104
105div.dokuwiki input.edit,
106div.dokuwiki select.edit {
107  font-size: 100%;
108  border: 1px solid __border__;
109  color: __text__;
110  background-color: __background__;
111  vertical-align: middle;
112  margin: 1px;
113  padding: 0.20em 0.3em;
114  display: inline;
115}
116
117/* nice alphatransparency background except for IE <7 */
118html>body div.dokuwiki input.edit,
119html>body div.dokuwiki select.edit {
120  background:  __background__ url(images/inputshadow.png) repeat-x top;
121}
122
123div.dokuwiki select.edit {
124  padding: 0.1em 0;
125}
126
127div.dokuwiki input.missing {
128  font-size: 100%;
129  border: 1px solid __border__;
130  color: __text__;
131  background-color: #ffc2d1;
132  vertical-align: middle;
133  margin: 1px;
134  padding: 0.20em 0.3em;
135  display: inline;
136}
137
138/* disabled style - not understood by IE */
139div.dokuwiki textarea.edit[disabled],
140div.dokuwiki textarea.edit[readonly],
141div.dokuwiki input.edit[disabled],
142div.dokuwiki input.edit[readonly],
143div.dokuwiki select.edit[disabled] {
144  background-color: __background_neu__!important;
145  color: __text_neu__!important;
146}
147
148/* edit form */
149div.dokuwiki div.toolbar,
150div.dokuwiki div#wiki__editbar {
151   margin: 2px 0;
152   text-align: left;
153}
154div.dokuwiki div#size__ctl {
155   float: right;
156   width: 60px;
157   height: 2.7em;
158}
159div.dokuwiki #size__ctl img {
160   cursor: pointer;
161}
162div.dokuwiki div#wiki__editbar div.editButtons {
163   float: left;
164   padding: 0 1.0em 0.7em 0;
165}
166div.dokuwiki div#wiki__editbar div.summary {
167   float: left;
168}
169div.dokuwiki .nowrap {
170   white-space: nowrap;
171}
172div.dokuwiki div#draft__status {
173  float: right;
174  color: __text_alt__;
175}
176
177/* --------- buttons ------------------- */
178
179
180div.dokuwiki input.button,
181div.dokuwiki button.button {
182  border: 1px solid __text_other__;
183  color: __text__;
184  background-color: __background_neu__;
185  vertical-align: middle;
186  text-decoration: none;
187  font-size: 100%;
188  cursor: pointer;
189  margin: 1px;
190  padding: 0.125em 0.4em;
191}
192
193div.dokuwiki input.button:hover,
194div.dokuwiki button.button:hover {
195  border: 1px solid __border__;
196  background-color: __background_other__;
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_neu__ 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 __text_other__;
212  color: __text__;
213  background-color: __background_neu__;
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
224div.dokuwiki div.secedit input.button:hover {
225  border: 1px solid __border__;
226  background-color: __background_other__;
227}
228
229/* ----------- page navigator ------------- */
230
231div.dokuwiki div.pagenav {
232    margin: 1em 0 0 0;
233}
234
235div.dokuwiki div.pagenav-prev {
236    text-align: right;
237    float: left;
238    width: 49%
239}
240
241div.dokuwiki div.pagenav-next {
242    text-align: left;
243    float: right;
244    width: 49%
245}
246
247/* --------------- Links ------------------ */
248
249div.dokuwiki a:link,
250div.dokuwiki a:visited {
251  color: __extern__;
252  text-decoration: none;
253}
254div.dokuwiki a:hover,
255div.dokuwiki a:active {
256  color: __extern__;
257  text-decoration: underline;
258}
259
260div.dokuwiki h1 a,
261div.dokuwiki h2 a,
262div.dokuwiki h3 a,
263div.dokuwiki h4 a,
264div.dokuwiki h5 a,
265div.dokuwiki a.nolink {
266  color: __text__ !important;
267  text-decoration: none !important;
268}
269
270/* external link */
271div.dokuwiki a.urlextern {
272  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
273  padding: 1px 0px 1px 16px;
274}
275
276/* windows share */
277div.dokuwiki a.windows {
278  background: transparent url(images/windows.gif) 0px 1px no-repeat;
279  padding: 1px 0px 1px 16px;
280}
281
282/* interwiki link (icon are set by dokuwiki) */
283div.dokuwiki a.interwiki {
284}
285
286/* link to some embedded media */
287div.dokuwiki a.media {
288}
289
290div.dokuwiki a.urlextern:link,
291div.dokuwiki a.windows:link,
292div.dokuwiki a.interwiki:link {
293}
294
295div.dokuwiki a.urlextern:visited,
296div.dokuwiki a.windows:visited,
297div.dokuwiki a.interwiki:visited {
298}
299
300div.dokuwiki a.urlextern:hover,
301div.dokuwiki a.urlextern:active,
302div.dokuwiki a.windows:hover,
303div.dokuwiki a.windows:active,
304div.dokuwiki a.interwiki:hover,
305div.dokuwiki a.interwiki:active {
306}
307
308/* email link */
309div.dokuwiki a.mail {
310  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
311  padding: 1px 0px 1px 16px;
312}
313
314/* existing wikipage */
315div.dokuwiki a.wikilink1 {
316  color: __existing__ !important;
317}
318
319/* not existing wikipage */
320div.dokuwiki a.wikilink2 {
321  color: __missing__ !important;
322}
323
324/* ------------- Page elements ----------------- */
325
326div.dokuwiki div.preview {
327  background-color: __background_neu__;
328  margin: 0 0 2em 0;
329  padding: 0.5em;
330  border: 1px dashed __text_neu__;
331}
332
333div.dokuwiki div.breadcrumbs {
334  background-color: __background_neu__;
335  color: __text_neu__;
336  font-size: 80%;
337  padding: 0 0 0 0.5em;
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: 0 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_other__;
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    border-bottom: 1px solid __border__;
396    clear: left;
397}
398
399/* special headlines */
400div.dokuwiki h1 {font-size: 150%; font-weight: bold;}
401div.dokuwiki h2 {font-size: 140%;}
402div.dokuwiki h3 {font-size: 120%; border-bottom: none; font-weight: bold;}
403div.dokuwiki h4 {font-size: 110%; border-bottom: none; font-weight: bold;}
404div.dokuwiki h5 {font-size: 100%; border-bottom: none; font-weight: bold;}
405
406/* special headlines for sidebar */
407div.dokuwiki div.sidebar h1 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;}
408div.dokuwiki div.sidebar h2 { clear: none; font-size: 120%; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; margin-bottom: 5px;}
409div.dokuwiki div.sidebar h3 { clear: none; margin-bottom: 2px;}
410div.dokuwiki div.sidebar h4 { clear: none; margin-bottom: 2px;}
411div.dokuwiki div.sidebar h5 { clear: none; margin-bottom: 2px;}
412
413/* indent different sections */
414div.dokuwiki div.level1 {}
415div.dokuwiki div.level2 {}
416div.dokuwiki div.level3 {}
417div.dokuwiki div.level4 {}
418div.dokuwiki div.level5 {}
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 0.5em 1.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 0.5em 1.5em;
434  color: __text_alt__;
435  font-weight: bold;
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__theme__.gif);
451    /*list-style-type: circle;*/
452}
453
454div.dokuwiki li.closed {
455  list-style-image: url(images/closed__theme__.gif);
456    /*list-style-type: disc;*/
457}
458
459div.dokuwiki blockquote {
460  border: 1px solid __text_other__;
461  background-color: __background_neu__;
462  line-height: 1.2em;
463  padding: 0.2em 0.5em;
464  margin: 0.5em 0;
465  opacity: 0.9;
466}
467
468div.dokuwiki pre {
469  font-size: 110%;
470  line-height: 1.2em;
471  padding: 0.5em;
472  border: 1px dashed __border__;
473  color: __text__;
474  overflow: auto;
475}
476
477/* code blocks by indention */
478div.dokuwiki pre.pre {
479  background-color: __background_alt__;
480}
481
482/* code blocks by code tag */
483div.dokuwiki pre.code {
484  background-color: __background_alt__;
485}
486
487/* inline code words */
488div.dokuwiki code {
489  font-size: 110%;
490}
491
492/* code blocks by file tag */
493div.dokuwiki pre.file {
494  background-color: __background_other__;
495}
496
497/* inline tables */
498div.dokuwiki table.inline {
499  background-color: __background__;
500  line-height: 1.2em;
501  border-spacing: 0px;
502  border-collapse: collapse;
503}
504
505div.dokuwiki table.inline th {
506  padding: 3px;
507  border: 1px solid __border__;
508  background-color: __background_alt__;
509}
510
511div.dokuwiki table.inline td {
512  padding: 3px;
513  border: 1px solid __border__;
514}
515
516/* ---------- table of contents ------------------- */
517
518/*div.dokuwiki div.toc {*/
519div.dokuwiki #dw__toc {
520  margin: 1.2em 0 0 2em;
521  float: right;
522  width: 200px;
523  font-size: 80%;
524  clear: both;
525}
526
527/*div.dokuwiki div.tocheader {*/
528div.dokuwiki #dw__toc h3 {
529  border: 1px solid __border__;
530  background-color: __background_alt__;
531  text-align: left;
532  font-weight: bold;
533  padding: 3px;
534  margin: 0 0 2px 0;
535}
536
537/*div.dokuwiki div.tocheader img {*/
538div.dokuwiki #dw__toc h3 img {
539  width: 0.8em;
540  height: 0.8em;
541  float: right;
542  margin: 0.6em 3px 0 0;
543  cursor: pointer;
544}
545
546/*
547div.dokuwiki #dw__toc h3 strong {
548  border: 0.4em solid __background_alt__;
549  float: right;
550  display: block;
551  margin: 0.4em 3px 0 0;
552  }
553*/
554
555/*div.dokuwiki #toc__inside {*/
556div.dokuwiki #dw__toc > div {
557  border: 1px solid __border__;
558  background-color: __background__;
559  text-align: left;
560  padding: 0.5em 0 0.7em 0;
561}
562
563/*div.dokuwiki ul.toc {*/
564div.dokuwiki #dw__toc ul {
565  list-style-type: none;
566  list-style-image: none;
567  line-height: 1.2em;
568  padding-left: 1em;
569  margin: 0;
570}
571
572/*div.dokuwiki ul.toc li {*/
573div.dokuwiki #dw__toc ul li {
574  background: transparent url(images/tocdot2__theme__.gif) 0 0.6em no-repeat;
575  padding-left: 0.5em;
576}
577
578/*div.dokuwiki ul.toc li.clear {*/
579div.dokuwiki #dw__toc ul li.clear {
580  background-image: none;
581  padding-left: 0.5em;
582}
583
584/*div.dokuwiki a.toc:link,
585div.dokuwiki a.toc:visited {*/
586div.dokuwiki #dw__toc a:link,
587div.dokuwiki #dw__toc a:visited {
588  color: __extern__;
589}
590
591/*div.dokuwiki a.toc:hover,
592div.dokuwiki a.toc:active {*/
593div.dokuwiki #dw__toc a:hover,
594div.dokuwiki #dw__toc a:active {
595  color: __text__;
596}
597
598/* ---------------------------- Diff rendering --------------------------*/
599div.dokuwiki table.diff {
600  background-color: __background__;
601  width: 100%;
602}
603div.dokuwiki td.diff-blockheader {
604  font-weight: bold;
605}
606div.dokuwiki table.diff th {
607  border-bottom: 1px solid __border__;
608  font-size: 120%;
609  width: 50%;
610  font-weight: normal;
611  text-align: left;
612}
613div.dokuwiki table.diff td {
614  font-family: monospace;
615  font-size: 100%;
616}
617div.dokuwiki td.diff-addedline {
618  background-color: #ddffdd;
619}
620div.dokuwiki td.diff-deletedline {
621    background-color: #ffffbb;
622}
623div.dokuwiki td.diff-context {
624    background-color: __background_neu__;
625}
626div.dokuwiki span.diffchange {
627  color: red;
628}
629
630/* --------------------- footnotes -------------------------------- */
631
632div.dokuwiki div.footnotes {
633  clear: both;
634  border-top: 1px solid __border__;
635  padding-left: 1em;
636  margin: 1em 0;
637}
638
639div.dokuwiki div.fn {
640  font-size: 90%;
641  line-height: 1.2em;
642}
643
644div.dokuwiki a.fn_top {
645  vertical-align: super;
646  font-size: 70%;
647  line-height: 1em;
648}
649
650div.dokuwiki a.fn_bot {
651  vertical-align: super;
652  font-size: 70%;
653  font-weight: bold;
654}
655
656/* insitu-footnotes */
657div.insitu-footnote {
658  font-size: 80%;
659  line-height: 1.2em;
660  border: 1px solid __border__;
661  background-color: __background_other__;
662  text-align: left;
663  padding: 4px;
664  max-width: 40%;    /* IE's width is handled in javascript */
665}
666
667/* overcome IE issue with one line code or file boxes which require h. scrolling */
668* html .insitu-footnote pre.code,
669* html .insitu-footnote pre.file {
670  padding-bottom: 18px;
671}
672
673/* --------------- search result formating --------------- */
674
675div.dokuwiki input#qsearch__in {
676  width: 95%;
677}
678
679/*
680div.dokuwiki .search_result {
681  margin-bottom: 0.5em;
682  padding: 0 1em 0 3em;
683 }
684*/
685
686#dw__loading {
687  text-align: center;
688  margin-bottom: 1em;
689  }
690
691div.dokuwiki .search_results {
692  padding: 0 10px 0 30px;
693  }
694
695/* div.dokuwiki .search_snippet {*/
696div.dokuwiki .search_results dt {
697  margin-bottom: 3px;
698  }
699
700div.dokuwiki .search_results dd {
701  margin-bottom: 6px;
702  color: __text_other__;
703  font-size: 90%;
704  margin-left: 2em;
705  }
706
707div.dokuwiki .search_sep {
708  color: __text__;
709}
710
711div.dokuwiki .search_hit {
712  color: __text__;
713  background-color: __highlight__;
714}
715
716div.dokuwiki div.search_quickresult {
717  margin: 0 0 1.5em 3em;
718  padding: 0 1em 1em 0;
719  border-bottom: 1px dashed __border__;
720}
721div.dokuwiki div.search_quickresult h3 {
722  margin: 0 0 1em 0;
723  font-size: 1em;
724  font-weight: bold;
725}
726
727div.dokuwiki ul.search_quickhits {
728  margin: 0 0 0.5em 1em;
729}
730
731div.dokuwiki ul.search_quickhits li {
732  margin: 0 1em 0 1em;
733  float:left;
734  width: 30%;
735}
736
737/* ------------------ Additional ---------------------- */
738
739div.footerinc {
740    text-align: center;
741}
742.footerinc a img {
743    opacity: 0.5;
744    border: 0;
745}
746
747.footerinc a:hover img {
748    opacity: 1;
749}
750
751#config__manager fieldset td.value {
752    /* fixed data column width */
753    width: 65%;
754}
755#config__manager td input.edit {
756    width: 95%;
757}
758
759/* ---------- AJAX quicksearch ----------- */
760
761div.dokuwiki div.ajax_qsearch {
762  position: absolute;
763  right: 288px;
764  width: 231px;
765  opacity: 0.9;
766  display: none;
767  font-size: 80%;
768  line-height: 1.2em;
769  border: 1px solid __border__;
770  background-color: __background_other__;
771  text-align: left;
772  padding: 0.5em;
773}
774
775/* --------- Toolbar -------------------- */
776
777button.toolbutton {
778  background-color: __background_neu__;
779  padding: 0px;
780  margin: 0 1px 0 0;
781  border: 1px solid __border__;
782  cursor: pointer;
783}
784
785button.toolbutton:hover {
786  background-color: __background_other__;
787	border: 1px solid __border__;
788}
789
790/* nice alphatransparency background except for IE <7 */
791html>body button.toolbutton {
792  background:  __background_neu__ url(images/buttonshadow.png) repeat-x bottom;
793}
794
795div.picker {
796  width: 286px;
797  border: 1px solid __border__;
798  background-color: __background_alt__;
799}
800
801button.pickerbutton {
802  padding: 1px 0;
803  margin: 0 1px 1px 0;
804  border: 1px solid __background_alt__;
805  background-color: transparent;
806  font-size: 90%;
807  cursor: pointer;
808}
809
810button.pickerbutton:hover {
811  border: 1px solid __border__;
812  background-color: __background_other__;
813}
814
815/* ---------- Spellchecking ------------- */
816
817div.dokuwiki a.spell_error {
818  color: #f00;
819  text-decoration: underline;
820}
821
822div.dokuwiki div#spell__suggest {
823  background-color: __background__;
824  padding: 2px;
825  border: 1px solid __text__;
826  font-size: 80%;
827  display: none;
828}
829
830div.dokuwiki div#spell__result {
831  border: 1px solid __border__;
832  color: __text__;
833  font-size: 110%;
834  padding: 3px;
835  background-color: __background_other__;
836  display: none;
837}
838
839div.dokuwiki span.spell_noerr {
840  color: #093;
841}
842
843div.dokuwiki span.spell_wait {
844  color: #06c;
845}
846
847#config__manager legend {
848  color: __text__;
849  background-color: __background_alt__;
850  border: 1px solid __border__;
851  padding: 0 0.3em 0 0.3em;
852}
853