1/**
2 * Design elements for desert Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <anika@selfthinker.org>
6 * @author Jeremy Stephens <viking415@gmail.com>
7 */
8
9/* -------------- general elements --------------- */
10
11* { padding: 0; margin: 0; }
12
13body {
14  font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
15  background-color: __background__;
16  color: __text__;
17}
18
19/* the document */
20div.dokuwiki div.page {
21  margin: 1em 2em 0.2em 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;
90  font-size: 14px;
91  color: __text__;
92  background-color: __background__;
93  border: 1px solid __border__;
94  padding: 0.3em 0 0 0.3em;
95  width: 100%;
96}
97
98/* nice alphatransparency background except for IE <7 */
99html>body div.dokuwiki textarea.edit {
100  background:  __background__ url(images/inputshadow.png) repeat top;
101}
102
103div.dokuwiki input.edit,
104div.dokuwiki select.edit {
105  font-size: 100%;
106  border: 1px solid __border__;
107  color: __text__;
108  background-color: __background__;
109  vertical-align: middle;
110  margin: 1px;
111  padding: 0.20em 0.3em;
112  display: inline;
113}
114
115/* nice alphatransparency background except for IE <7 */
116html>body div.dokuwiki input.edit,
117html>body div.dokuwiki select.edit {
118  background:  __background__ url(images/inputshadow.png) repeat top;
119}
120
121div.dokuwiki select.edit {
122  padding: 0.1em 0;
123}
124
125div.dokuwiki input.missing {
126  font-size: 100%;
127  border: 1px solid __border__;
128  color: __text__;
129  background-color: #ffcccc;
130  vertical-align: middle;
131  margin: 1px;
132  padding: 0.20em 0.3em;
133  display: inline;
134}
135
136/* disabled style - not understood by IE */
137div.dokuwiki textarea.edit[disabled],
138div.dokuwiki textarea.edit[readonly],
139div.dokuwiki input.edit[disabled],
140div.dokuwiki input.edit[readonly],
141div.dokuwiki select.edit[disabled] {
142  background-color: __background_neu__!important;
143  color: __text_neu__!important;
144}
145
146/* edit form */
147div.dokuwiki div.toolbar,
148div.dokuwiki div#wiki__editbar {
149   margin: 2px 0;
150   text-align: left;
151}
152div.dokuwiki div#size__ctl {
153   float: right;
154   width: 60px;
155   height: 2.7em;
156}
157div.dokuwiki #size__ctl img {
158   cursor: pointer;
159}
160div.dokuwiki div#wiki__editbar div.editButtons {
161   float: left;
162   padding: 0 1.0em 0.7em 0;
163}
164div.dokuwiki div#wiki__editbar div.summary {
165   float: left;
166}
167div.dokuwiki .nowrap {
168   white-space: nowrap;
169}
170div.dokuwiki div#draft__status {
171  float: right;
172  color: __text_alt__;
173}
174
175div.dokuwiki div.license {
176  padding: 0.5em;
177  font-size: 90%;
178  text-align: center;
179}
180
181div.dokuwiki form#dw__editform div.license {
182  clear: left;
183  font-size: 90%;
184}
185
186/* --------- buttons ------------------- */
187
188div.dokuwiki input.button,
189div.dokuwiki button.button {
190  border: 1px solid __border__;
191  color: __text__;
192  background-color: __background__;
193  vertical-align: middle;
194  text-decoration: none;
195  font-size: 100%;
196  cursor: pointer;
197  margin: 1px;
198  padding: 0.125em 0.4em;
199}
200
201/* nice alphatransparency background except for IE <7 */
202html>body div.dokuwiki input.button,
203html>body div.dokuwiki button.button {
204  background:  __background__ url(images/buttonshadow.png) repeat top;
205}
206
207* html div.dokuwiki input.button,
208* html div.dokuwiki button.button {
209  height: 1.8em;
210}
211
212div.dokuwiki div.secedit input.button {
213  border: 1px solid __border__;
214  color: __text__;
215  background-color: __background__;
216  vertical-align: middle;
217  text-decoration: none;
218  margin: 0;
219  padding: 0;
220  font-size: 10px;
221  cursor: pointer;
222  float: right;
223  display: inline;
224}
225
226/* ----------- page navigator ------------- */
227
228div.dokuwiki div.pagenav {
229    margin: 1em 0 0 0;
230}
231
232div.dokuwiki div.pagenav-prev {
233    text-align: right;
234    float: left;
235    width: 49%
236}
237
238div.dokuwiki div.pagenav-next {
239    text-align: left;
240    float: right;
241    width: 49%
242}
243
244/* --------------- Links ------------------ */
245
246div.dokuwiki a:link,
247div.dokuwiki a:visited {
248  color: __extern__;
249  text-decoration: none;
250}
251div.dokuwiki a:hover,
252div.dokuwiki a:active {
253  color: __text__;
254  text-decoration: underline;
255}
256
257div.dokuwiki h1 a,
258div.dokuwiki h2 a,
259div.dokuwiki h3 a,
260div.dokuwiki h4 a,
261div.dokuwiki h5 a,
262div.dokuwiki a.nolink {
263  color: __text__ !important;
264  text-decoration: none !important;
265}
266
267div.dokuwiki a.breadcrumbs
268{
269  color: __text_neu__;
270}
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: __extern__;
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__;
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  border-top: 1px solid #666;
344  border-bottom: 1px solid #555;
345  font-size: 80%;
346  padding: 0 0 0 4px;
347}
348
349div.dokuwiki span.user {
350  color: __text_other__;
351  font-size: 90%;
352}
353
354div.dokuwiki li.minor {
355  color: __text_neu__;
356  font-style: italic;
357}
358
359/* embedded images */
360div.dokuwiki img.media {
361  margin: 3px;
362}
363
364div.dokuwiki img.medialeft {
365  border: 0;
366  float: left;
367  margin: 0 1.5em 0 0;
368}
369
370div.dokuwiki img.mediaright {
371  border: 0;
372  float: right;
373  margin: 0 0 0 1.5em;
374}
375
376div.dokuwiki img.mediacenter {
377  border: 0;
378  display: block;
379  margin: 0 auto;
380}
381
382/* smileys */
383div.dokuwiki img.middle {
384  vertical-align: middle;
385}
386
387div.dokuwiki acronym {
388  cursor: help;
389  border-bottom: 1px dotted __text__;
390}
391
392/* general headline setup */
393div.dokuwiki h1,
394div.dokuwiki h2,
395div.dokuwiki h3,
396div.dokuwiki h4,
397div.dokuwiki h5 {
398    color: __text__;
399    background-color: inherit;
400    font-size: 100%;
401    font-weight: normal;
402    margin: 0 0 1em 0;
403    padding: 0.5em 0 0 0;
404    border-bottom: 1px solid __border__;
405    clear: left;
406}
407
408/* special headlines */
409div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
410div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
411div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
412div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
413div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
414
415/* indent different sections */
416div.dokuwiki div.level1 {margin-left: 3px;}
417div.dokuwiki div.level2 {margin-left: 23px;}
418div.dokuwiki div.level3 {margin-left: 43px;}
419div.dokuwiki div.level4 {margin-left: 63px;}
420div.dokuwiki div.level5 {margin-left: 83px;}
421
422/* unordered lists */
423div.dokuwiki ul {
424  line-height: 1.5em;
425  list-style-type: square;
426  list-style-image: none;
427  margin: 0 0 1em 3.5em;
428  color: __text__;
429}
430
431/* ordered lists */
432div.dokuwiki ol {
433  line-height: 1.5em;
434  list-style-image: none;
435  margin: 0 0 1em 3.5em;
436  color: __text_alt__;
437  font-weight: bold;
438}
439
440/* no gap in between nested lists */
441div.dokuwiki li ul {
442  margin-bottom: 0;
443}
444div.dokuwiki li ol {
445  margin-bottom: 0;
446}
447
448/* the list items overriding the ul/ol definition */
449div.dokuwiki .li {
450  color: __text__;
451  font-weight: normal;
452}
453
454div.dokuwiki ol {list-style-type: decimal}
455div.dokuwiki ol ol {list-style-type: upper-roman}
456div.dokuwiki ol ol ol {list-style-type: lower-alpha}
457div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
458
459div.dokuwiki li.open {
460  list-style-image: url(images/open.gif);
461    /*list-style-type: circle;*/
462}
463
464div.dokuwiki li.closed {
465  list-style-image: url(images/closed.gif);
466    /*list-style-type: disc;*/
467}
468
469div.dokuwiki blockquote {
470  border-left: 2px solid __border__;
471  padding-left: 3px;
472}
473
474div.dokuwiki pre {
475  font-size: 120%;
476  padding: 0.5em;
477  border: 1px dashed __border__;
478  color: __text__;
479  overflow: auto;
480}
481
482/* code blocks by indention */
483div.dokuwiki pre.pre {
484  background-color: __background_other__;
485  color: __text_other__;
486}
487
488/* code blocks by code tag */
489div.dokuwiki pre.code {
490  background-color: __background_other__;
491  color: __text_other__;
492}
493
494/* inline code words */
495div.dokuwiki code {
496  font-size: 120%;
497}
498
499/* code blocks by file tag */
500div.dokuwiki pre.file {
501  background-color: __background_alt__;
502}
503
504/* inline tables */
505div.dokuwiki table.inline {
506  background-color: __background__;
507  border-spacing: 0px;
508  border-collapse: collapse;
509}
510
511div.dokuwiki table.inline th {
512  padding: 3px;
513  border: 1px solid __border__;
514  background-color: __background_alt__;
515  color: __text_alt__;
516}
517
518div.dokuwiki table.inline td {
519  padding: 3px;
520  border: 1px solid __border__;
521}
522
523/* ---------- table of contents ------------------- */
524
525div.dokuwiki div.toc {
526  margin: 1.2em 0 0 2em;
527  float: right;
528  width: 200px;
529  font-size: 80%;
530  clear: both;
531}
532
533div.dokuwiki div.tocheader {
534  border: 1px solid __border__;
535  background-color: __background_alt__;
536  color: __text_alt__;
537  text-align: left;
538  font-weight: bold;
539  padding: 3px;
540  margin-bottom: 2px;
541}
542
543div.dokuwiki span.toc_open,
544div.dokuwiki span.toc_close {
545    border: 0.4em solid __background_alt__;
546    float: right;
547    display: block;
548    margin: 0.4em 3px 0 0;
549}
550
551div.dokuwiki span.toc_open span,
552div.dokuwiki span.toc_close span {
553    display: none;
554}
555
556div.dokuwiki span.toc_open {
557    margin-top: 0.4em;
558    border-top: 0.4em solid __text_alt__;
559}
560
561div.dokuwiki span.toc_close {
562    margin-top: 0;
563    border-bottom: 0.4em solid __text_alt__;
564}
565
566div.dokuwiki #toc__inside {
567  border: 1px solid __border__;
568  background-color: __background__;
569  text-align: left;
570  padding: 0.5em 0 0.7em 0;
571}
572
573div.dokuwiki ul.toc {
574  list-style-type: none;
575  list-style-image: none;
576  line-height: 1.2em;
577  padding-left: 1em;
578  margin: 0;
579}
580
581div.dokuwiki ul.toc li {
582  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
583  padding-left: 0.4em;
584}
585
586div.dokuwiki ul.toc li.clear {
587  background-image: none;
588  padding-left: 0.4em;
589}
590
591div.dokuwiki a.toc:link,
592div.dokuwiki a.toc:visited {
593  color: __extern__;
594}
595
596div.dokuwiki a.toc:hover,
597div.dokuwiki a.toc:active {
598  color: __text__;
599}
600
601/* ---------------------------- Diff rendering --------------------------*/
602div.dokuwiki table.diff {
603  background-color: __background__;
604  width: 100%;
605}
606div.dokuwiki td.diff-blockheader {
607  font-weight: bold;
608}
609div.dokuwiki table.diff th {
610  border-bottom: 1px solid __border__;
611  font-size: 110%;
612  width: 50%;
613  font-weight: normal;
614  text-align: left;
615}
616div.dokuwiki table.diff th a {
617    font-weight: bold;
618}
619div.dokuwiki table.diff th span.user {
620    color: __text__;
621    font-size: 80%;
622}
623div.dokuwiki table.diff th span.sum {
624    font-size: 80%;
625    font-weight: bold;
626}
627div.dokuwiki table.diff th.minor {
628  font-style: italic;
629}
630div.dokuwiki table.diff td {
631  font-family: monospace;
632  font-size: 100%;
633}
634div.dokuwiki td.diff-addedline {
635  background-color: #343;
636}
637div.dokuwiki td.diff-deletedline {
638    background-color: #442;
639}
640div.dokuwiki td.diff-context {
641    background-color: __background_neu__;
642}
643div.dokuwiki table.diff td.diff-addedline strong,
644div.dokuwiki table.diff td.diff-deletedline strong {
645    color: red;
646}
647
648/* --------------------- footnotes -------------------------------- */
649
650div.dokuwiki div.footnotes {
651  clear: both;
652  border-top: 1px solid __border__;
653  padding-left: 1em;
654  margin-top: 1em;
655}
656
657div.dokuwiki div.fn {
658  font-size: 90%;
659}
660
661div.dokuwiki a.fn_bot {
662  font-weight: bold;
663}
664
665/* insitu-footnotes */
666div.insitu-footnote {
667  font-size: 80%;
668  line-height: 1.2em;
669  border: 1px solid __border__;
670  background-color: __background_other__;
671  color: __text_other__;
672  text-align: left;
673  padding: 4px;
674  max-width: 40%;    /* IE's width is handled in javascript */
675}
676
677/* overcome IE issue with one line code or file boxes which require h. scrolling */
678* html .insitu-footnote pre.code,
679* html .insitu-footnote pre.file {
680  padding-bottom: 18px;
681}
682
683/* --------------- search result formating --------------- */
684div.dokuwiki .search_result {
685  margin-bottom: 6px;
686  padding: 0 10px 0 30px;
687}
688
689div.dokuwiki .search_snippet {
690  color: __text_other__;
691  font-size: 12px;
692  margin-left: 20px;
693}
694
695div.dokuwiki .search_sep {
696  color: __text__;
697}
698
699div.dokuwiki .search_hit {
700  color: __highlight_text__;
701  background-color: __highlight__;
702}
703div.dokuwiki strong.search_hit {
704  font-weight: normal;
705}
706
707div.dokuwiki div.search_quickresult {
708  margin: 0 0 15px 30px;
709  padding: 0 10px 10px 0;
710  border-bottom: 1px dashed __border__;
711}
712div.dokuwiki div.search_quickresult h3 {
713  margin: 0 0 1.0em 0;
714  font-size: 1em;
715  font-weight: bold;
716}
717
718div.dokuwiki ul.search_quickhits {
719  margin: 0 0 0.5em 1.0em;
720}
721
722div.dokuwiki ul.search_quickhits li {
723  margin: 0 1.0em 0 1.0em;
724  float:left;
725  width: 30%;
726}
727
728/* ------------------ Additional ---------------------- */
729
730div.footerinc {
731    text-align: center;
732}
733.footerinc a img {
734    opacity: 0.5;
735    border: 0;
736}
737
738.footerinc a:hover img {
739    opacity: 1;
740}
741
742/* ---------- AJAX quicksearch ----------- */
743
744div.dokuwiki div.ajax_qsearch {
745  position: absolute;
746  right: 237px;;
747  width: 200px;
748  opacity: 0.9;
749  display: none;
750  font-size: 80%;
751  line-height: 1.2em;
752  border: 1px solid __border__;
753  background-color: __background_other__;
754  color: __text_other__;
755  text-align: left;
756  padding: 4px;
757}
758
759/* --------- Toolbar -------------------- */
760button.toolbutton {
761  background-color: __toolbar_background__;
762  padding: 0px;
763  margin: 0 1px 0 0;
764  border: 1px solid __border__;
765  cursor: pointer;
766}
767
768/* nice alphatransparency background except for IE <7 */
769html>body button.toolbutton {
770  background:  __toolbar_background__ url(images/buttonshadow.png) repeat-x bottom;
771}
772
773div.picker {
774  width: 250px;
775  border: 1px solid __border__;
776  background-color: __background_alt__;
777}
778
779button.pickerbutton {
780  padding: 0px;
781  margin: 0 1px 1px 0;
782  border: 0;
783  background-color: transparent;
784  font-size: 80%;
785  cursor: pointer;
786}
787
788/* ---------------  Image Details  ----------------- */
789
790div.dokuwiki div.img_big {
791  float: left;
792  margin-right: 0.5em;
793}
794
795div.dokuwiki dl.img_tags dt {
796  font-weight: bold;
797  background-color: __background_alt__;
798}
799div.dokuwiki dl.img_tags dd {
800  background-color: __background_neu__;
801}
802
803div.dokuwiki div.imagemeta {
804  color: __text_neu__;
805  font-size: 70%;
806  line-height: 95%;
807}
808
809div.dokuwiki div.imagemeta img.thumb {
810  float:left;
811  margin-right: 0.1em;
812}
813
814/* ---------------  Config Settings (Admin)  ----------------- */
815
816#config__manager legend {
817	background-color: __background_alt__;
818	padding: 2px 7px;
819	font-weight: bold;
820	color: #EEE;
821}
822
823#config__manager tr .input, #config__manager tr input, #config__manager tr select{
824	color: __config__;
825	background-color: __config_background__;
826}
827
828#config__manager td input.edit, #config__manager tr textarea{
829	color: __config__;
830	background-color: __config_background__;
831	width:30em;
832}
833
834#config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault {
835	background-color: __config_default_background__;
836	color: __config_default__;
837}
838
839#plugin__manager .plugins .legend{
840	color: __plugin__;
841}
842
843#plugin__manager .plugins fieldset {
844	background: __config_background__ none repeat scroll 0 0;
845}
846
847#plugin__manager .plugins fieldset.protected {
848	background: __config_default_background__ none repeat scroll 0 0;
849}
850
851