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