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: #e5e5e5;
15  color: __text__;
16}
17
18/* the document */
19div.dokuwiki div.page {
20  text-align: left;
21  width:800px;
22  margin:10px auto 10px auto;
23  background-color: #FFF;
24  padding-top:0px;
25  border-right:4px solid #cacaca;
26  border-bottom:4px solid #cacaca;
27}
28div.dokuwiki table {
29  font-size: 100%;
30}
31
32div.dokuwiki tr,
33div.dokuwiki td,
34div.dokuwiki th {
35}
36
37div.dokuwiki img {
38  border: 0;
39}
40
41div.dokuwiki p,
42div.dokuwiki blockquote,
43div.dokuwiki table,
44div.dokuwiki pre {
45  margin: 0 0 1.0em 0;
46}
47
48div.dokuwiki hr {
49  border: 0px;
50  border-top: 1px solid __border__;
51  text-align: center;
52  height: 0px;
53}
54
55div.dokuwiki div.nothing {
56  text-align: center;
57  margin: 2em;
58}
59
60/* ---------------- forms ------------------------ */
61
62div.dokuwiki form {
63  border: none;
64  display: inline;
65}
66
67div.dokuwiki label.block {
68  display: block;
69  text-align: right;
70  font-weight: bold;
71}
72
73div.dokuwiki label.simple {
74  display: block;
75  text-align: left;
76  font-weight: normal;
77}
78
79div.dokuwiki label.block input.edit {
80  width: 50%;
81}
82
83div.dokuwiki fieldset {
84  width: 300px;
85  text-align: center;
86  border: 1px solid __border__;
87  padding: 0.5em;
88  margin: auto;
89}
90
91div.dokuwiki textarea.edit {
92  font-family: monospace, serif;
93  /* second generic font fixes problem with font-size, see
94     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
95  font-size: 100%;
96  color: __text__;
97  background-color: __background__;
98  border: 1px solid __border__;
99  padding: 0.3em 0 0 0.3em;
100  /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */
101  width: 700px;
102  min-width: 100%;
103  max-width: 100%;
104}
105
106/* nice alphatransparency background except for IE <7 */
107html>body div.dokuwiki textarea.edit {
108  background:  __background__ url(images/inputshadow.png) repeat-x top;
109}
110
111div.dokuwiki input.edit,
112div.dokuwiki select.edit {
113  font-size: 100%;
114  border: 1px solid __border__;
115  color: __text__;
116  background-color: __background__;
117  vertical-align: middle;
118  margin: 1px;
119  padding: 0.20em 0.3em;
120  display: inline;
121}
122
123/* nice alphatransparency background except for IE <7 */
124html>body div.dokuwiki input.edit,
125html>body div.dokuwiki select.edit {
126  background:  __background__ url(images/inputshadow.png) repeat-x top;
127}
128
129div.dokuwiki select.edit {
130  padding: 0.1em 0;
131}
132
133div.dokuwiki input.missing {
134  font-size: 100%;
135  border: 1px solid __border__;
136  color: __text__;
137  background-color: #ffcccc;
138  vertical-align: middle;
139  margin: 1px;
140  padding: 0.20em 0.3em;
141  display: inline;
142}
143
144/* disabled style - not understood by IE */
145div.dokuwiki textarea.edit[disabled],
146div.dokuwiki textarea.edit[readonly],
147div.dokuwiki input.edit[disabled],
148div.dokuwiki input.edit[readonly],
149div.dokuwiki input.button[disabled],
150div.dokuwiki select.edit[disabled] {
151  background-color: __background_neu__!important;
152  color: __text_neu__!important;
153}
154
155/* edit form */
156div.dokuwiki div.toolbar,
157div.dokuwiki div#wiki__editbar {
158   margin: 2px 0;
159   text-align: left;
160}
161div.dokuwiki div#size__ctl {
162   float: right;
163   width: 60px;
164   height: 2.7em;
165}
166div.dokuwiki #size__ctl img {
167   cursor: pointer;
168}
169div.dokuwiki div#wiki__editbar div.editButtons {
170   float: left;
171   padding: 0 1.0em 0.7em 0;
172}
173div.dokuwiki div#wiki__editbar div.summary {
174   float: left;
175}
176div.dokuwiki .nowrap {
177   white-space: nowrap;
178}
179div.dokuwiki div#draft__status {
180  float: right;
181  color: __text_alt__;
182}
183
184div.dokuwiki div.license {
185  padding: 0.5em;
186  font-size: 90%;
187  text-align: center;
188}
189
190div.dokuwiki form#dw__editform div.license {
191  clear: left;
192  font-size: 90%;
193}
194
195/* --------- buttons ------------------- */
196
197div.dokuwiki input.button,
198div.dokuwiki button.button {
199  border: 1px solid #f5f5f5;
200  color: #6b6b6b;
201  vertical-align: middle;
202  text-decoration: none;
203  font-size: 100%;
204  cursor: pointer;
205  margin: 1px;
206  padding: 0.125em 0.4em;
207  background:#f5f5f5;
208}
209
210/* nice alphatransparency background except for IE <7 */
211html>body div.dokuwiki input.button,
212html>body div.dokuwiki button.button {
213}
214
215* html div.dokuwiki input.button,
216* html div.dokuwiki button.button {
217  height: 1.8em;
218}
219
220div.dokuwiki div.secedit input.button {
221  border: 1px solid #f5f5f5;
222  color: #ff0000;
223  background:#f5f5f5;
224  vertical-align: middle;
225  text-decoration: underline;
226  margin: 0;
227  padding: 0;
228  font-size: 10px;
229  cursor: pointer;
230  float: right;
231  display: inline;
232}
233div.dokuwiki div.bar-left form.btn_edit input.button {
234  background:#f5f5f5;
235  padding:0;
236}
237
238/* ----------- page navigator ------------- */
239
240div.dokuwiki div.pagenav {
241    margin: 1em 0 0 0;
242}
243
244div.dokuwiki div.pagenav-prev {
245    text-align: right;
246    float: left;
247    width: 49%
248}
249
250div.dokuwiki div.pagenav-next {
251    text-align: left;
252    float: right;
253    width: 49%
254}
255
256/* ----------- type of recent changes select -------- */
257
258div.dokuwiki form#dw__recent select {
259    margin-bottom: 10px;
260}
261
262/* --------------- Links ------------------ */
263
264div.dokuwiki a:link,
265div.dokuwiki a:visited {
266  color: #0000ee;
267  text-decoration: none;
268}
269div.dokuwiki a:hover,
270div.dokuwiki a:active {
271  color: #0000ee;
272  text-decoration: underline;
273}
274
275div.dokuwiki h1 a,
276div.dokuwiki h2 a,
277div.dokuwiki h3 a,
278div.dokuwiki h4 a,
279div.dokuwiki h5 a,
280div.dokuwiki a.nolink {
281  color: __text__ !important;
282  text-decoration: none !important;
283}
284
285/* external link */
286div.dokuwiki a.urlextern {
287  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
288  color: #0000ee;
289  padding: 1px 0px 1px 16px;
290}
291
292/* windows share */
293div.dokuwiki a.windows {
294  background: transparent url(images/windows.gif) 0px 1px no-repeat;
295  padding: 1px 0px 1px 16px;
296}
297
298/* interwiki link (icon are set by dokuwiki) */
299div.dokuwiki a.interwiki {
300}
301
302/* link to some embedded media */
303div.dokuwiki a.media {
304}
305
306div.dokuwiki a.urlextern:link,
307div.dokuwiki a.windows:link,
308div.dokuwiki a.interwiki:link {
309  color: #0000ee;
310  text-decoration:underline;
311}
312
313div.dokuwiki a.urlextern:visited,
314div.dokuwiki a.windows:visited,
315div.dokuwiki a.interwiki:visited {
316  color: #0000ee;
317  text-decoration:underline;
318}
319div.dokuwiki a.urlextern:hover,
320div.dokuwiki a.urlextern:active,
321div.dokuwiki a.windows:hover,
322div.dokuwiki a.windows:active,
323div.dokuwiki a.interwiki:hover,
324div.dokuwiki a.interwiki:active {
325  color: #0000ee;
326  text-decoration:underline;
327}
328
329/* email link */
330div.dokuwiki a.mail {
331  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
332  padding: 1px 0px 1px 16px;
333}
334
335/* existing wikipage */
336div.dokuwiki a.wikilink1 {
337  color: #0000ee !important;
338  text-decoration:underline !important;
339}
340
341/* not existing wikipage */
342div.dokuwiki a.wikilink2 {
343  color: __missing__ !important;
344  text-decoration: none !important;
345  border-bottom: dashed 1px __missing__ !important;
346}
347
348/* ------------- Page elements ----------------- */
349
350div.dokuwiki div.preview {
351  background-color: __background_neu__;
352  margin: 0 0 0 2em;
353  padding: 4px;
354  border: 1px dashed __text__;
355}
356
357div.dokuwiki div.breadcrumbs {
358  background-color: #fff;
359  color: __text_neu__;
360  font-size: 80%;
361  padding: 0 10px;
362  margin-top:10px;
363}
364
365div.dokuwiki span.user {
366  color: __text_other__;
367  font-size: 90%;
368}
369
370div.dokuwiki li.minor {
371  color: __text_neu__;
372  font-style: italic;
373}
374
375/* embedded images */
376div.dokuwiki img.media {
377  margin: 3px;
378}
379
380div.dokuwiki img.medialeft {
381  border: 0;
382  float: left;
383  margin: 0 1.5em 0 0;
384}
385
386div.dokuwiki img.mediaright {
387  border: 0;
388  float: right;
389  margin: 0 0 0 1.5em;
390}
391
392div.dokuwiki img.mediacenter {
393  border: 0;
394  display: block;
395  margin: 0 auto;
396}
397
398/* smileys */
399div.dokuwiki img.middle {
400  vertical-align: middle;
401}
402
403div.dokuwiki acronym {
404  cursor: help;
405  border-bottom: 1px dotted __text__;
406}
407
408/* general headline setup */
409div.dokuwiki h1,
410div.dokuwiki h2,
411div.dokuwiki h3,
412div.dokuwiki h4,
413div.dokuwiki h5 {
414    color: __text__;
415    background-color: inherit;
416    font-size: 100%;
417    font-weight: normal;
418    margin: 0 0 1em 0;
419    padding: 0.5em 0 0 0;
420    clear: left;
421}
422
423/* special headlines */
424div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
425div.dokuwiki h2 {padding-left:20px;font-size: 150%; margin-left: 0px; border-bottom: none; font-weight: bold;background: #fff url(images/separator.gif) left 20px repeat-x;}
426div.dokuwiki h3 {font-size: 140%; margin-left: 0px; border-bottom: none; font-weight: bold;}
427div.dokuwiki h4 {font-size: 120%; margin-left: 0px; border-bottom: none; font-weight: bold;}
428div.dokuwiki h5 {font-size: 100%; margin-left: 0px; border-bottom: none; font-weight: bold;}
429div.dokuwiki h2 a {background:#fff;padding:0 5px;}
430/* indent different sections */
431div.dokuwiki div.level1 { margin-left: 3px; }
432div.dokuwiki div.level2 { margin-left: 3px; }
433div.dokuwiki div.level3 { margin-left: 3px; }
434div.dokuwiki div.level4 { margin-left: 3px; }
435div.dokuwiki div.level5 { margin-left: 3px; }
436
437/* unordered lists */
438div.dokuwiki ul {
439  line-height: 1.5em;
440  list-style-type: disc;
441  list-style-image: none;
442  margin: 0 0 1em 3.5em;
443  color: __text__;
444}
445
446/* ordered lists */
447div.dokuwiki ol {
448  line-height: 1.5em;
449  list-style-image: none;
450  margin: 0 0 1em 3.5em;
451  color: __text__;
452  font-weight: bold;
453}
454
455/* no bottom gap in between and smaller left margin for nested lists */
456div.dokuwiki li ul,
457div.dokuwiki li ol {
458  margin: 0 0 0 1.5em;
459}
460
461/* the list items overriding the ul/ol definition */
462div.dokuwiki .li {
463  color: __text__;
464  font-weight: normal;
465}
466
467div.dokuwiki ol { list-style-type: decimal; }
468div.dokuwiki ol ol { list-style-type: upper-roman; }
469div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
470div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }
471
472div.dokuwiki li.open {
473  list-style-image: url(images/open.gif);
474    /*list-style-type: circle;*/
475}
476
477div.dokuwiki li.closed {
478  list-style-image: url(images/closed.gif);
479    /*list-style-type: disc;*/
480}
481
482div.dokuwiki blockquote {
483  border-left: 2px solid __border__;
484  padding-left: 3px;
485}
486
487div.dokuwiki pre,
488div.dokuwiki code {
489  font-family: monospace, serif;
490  /* second generic font fixes problem with font-size, see
491     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
492  font-size: 100%;
493}
494div.dokuwiki pre {
495  padding: 0.5em;
496  border: 1px dashed __border__;
497  color: __text__;
498  overflow: auto;
499}
500
501/* code blocks by indention */
502div.dokuwiki pre.pre {
503  background-color: __background_other__;
504}
505
506/* code blocks by code tag */
507div.dokuwiki pre.code {
508  background-color: __background_other__;
509}
510
511/* code blocks by file tag */
512div.dokuwiki pre.file {
513  background-color: __background_alt__;
514}
515
516/* filenames for file and code blocks */
517div.dokuwiki dl.file,
518div.dokuwiki dl.code {
519    margin-top: 2em;
520    margin-bottom: 2.5em;
521}
522
523div.dokuwiki dl.file dt,
524div.dokuwiki dl.code dt {
525    border: 1px dashed __border__;
526    display: inline;
527    padding: 0.1em 1em;
528    margin-left: 2em;
529}
530
531div.dokuwiki dl.code dt a,
532div.dokuwiki dl.file dt a {
533    color: __text__;
534}
535
536div.dokuwiki dl.code dt {
537    background-color: __background_other__;
538    border-bottom: 1px solid __background_other__;
539}
540
541div.dokuwiki dl.file dt {
542    background-color: __background_alt__;
543    border-bottom: 1px solid __background_alt__;
544}
545
546
547/* inline tables */
548div.dokuwiki table.inline {
549  background-color: __background__;
550  border-spacing: 0px;
551  border-collapse: collapse;
552}
553
554div.dokuwiki table.inline th {
555  padding: 3px;
556  border: 1px solid __border__;
557  background-color: __background_alt__;
558}
559
560div.dokuwiki table.inline td {
561  padding: 3px;
562  border: 1px solid __border__;
563}
564
565/* ---------- table of contents ------------------- */
566
567div.dokuwiki div.toc {
568  margin: 1.2em 0 0 2em;
569  float: right;
570  width: 200px;
571  font-size: 80%;
572  clear: both;
573}
574
575div.dokuwiki div.tocheader {
576  border: 1px solid __border__;
577  background-color: __background_alt__;
578  text-align: left;
579  font-weight: bold;
580  padding: 3px;
581  margin-bottom: 2px;
582}
583
584div.dokuwiki span.toc_open,
585div.dokuwiki span.toc_close {
586    border: 0.4em solid __background_alt__;
587    float: right;
588    display: block;
589    margin: 0.4em 3px 0 0;
590}
591
592div.dokuwiki span.toc_open span,
593div.dokuwiki span.toc_close span {
594    display: none;
595}
596
597div.dokuwiki span.toc_open {
598    margin-top: 0.4em;
599    border-top: 0.4em solid __text__;
600}
601
602div.dokuwiki span.toc_close {
603    margin-top: 0;
604    border-bottom: 0.4em solid __text__;
605}
606
607div.dokuwiki #toc__inside {
608  border: 1px solid __border__;
609  background-color: __background__;
610  text-align: left;
611  padding: 0.5em 0 0.7em 0;
612}
613
614div.dokuwiki ul.toc {
615  list-style-type: none;
616  list-style-image: none;
617  line-height: 1.2em;
618  padding-left: 1em;
619  margin: 0;
620}
621
622div.dokuwiki ul.toc li {
623  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
624  padding-left: 0.4em;
625}
626
627div.dokuwiki ul.toc li.clear {
628  background-image: none;
629  padding-left: 0.4em;
630}
631
632div.dokuwiki a.toc:link,
633div.dokuwiki a.toc:visited {
634  color: __extern__;
635}
636
637div.dokuwiki a.toc:hover,
638div.dokuwiki a.toc:active {
639  color: __text__;
640}
641
642/* ---------------------------- Diff rendering --------------------------*/
643div.dokuwiki table.diff {
644  background-color: __background__;
645  width: 100%;
646}
647div.dokuwiki td.diff-blockheader {
648  font-weight: bold;
649}
650div.dokuwiki table.diff th {
651  border-bottom: 1px solid __border__;
652  font-size: 110%;
653  width: 50%;
654  font-weight: normal;
655  text-align: left;
656}
657div.dokuwiki table.diff th a {
658    font-weight: bold;
659}
660div.dokuwiki table.diff th span.user {
661    color: __text__;
662    font-size: 80%;
663}
664div.dokuwiki table.diff th span.sum {
665    font-size: 80%;
666    font-weight: bold;
667}
668div.dokuwiki table.diff th.minor {
669  font-style: italic;
670}
671div.dokuwiki table.diff td {
672  font-family: monospace;
673  font-size: 100%;
674}
675div.dokuwiki td.diff-addedline,
676div.dokuwiki span.diff-addedline {
677  background-color: #ddffdd;
678}
679div.dokuwiki td.diff-deletedline,
680div.dokuwiki span.diff-deletedline {
681    background-color: #ffffbb;
682}
683div.dokuwiki td.diff-context {
684    background-color: __background_neu__;
685}
686div.dokuwiki table.diff td.diff-addedline strong,
687div.dokuwiki table.diff td.diff-deletedline strong {
688    color: red;
689}
690
691/* --------------------- footnotes -------------------------------- */
692
693div.dokuwiki div.footnotes {
694  clear: both;
695  border-top: 1px solid __border__;
696  padding-left: 1em;
697  margin-top: 1em;
698}
699
700div.dokuwiki div.fn {
701  font-size: 90%;
702}
703
704div.dokuwiki a.fn_bot {
705  font-weight: bold;
706}
707
708/* insitu-footnotes */
709div.insitu-footnote {
710  font-size: 80%;
711  line-height: 1.2em;
712  border: 1px solid __border__;
713  background-color: __background_other__;
714  text-align: left;
715  padding: 4px;
716  max-width: 40%;    /* IE's width is handled in javascript */
717  min-width: 5em;
718}
719
720/* overcome IE issue with one line code or file boxes which require h. scrolling */
721* html .insitu-footnote pre.code,
722* html .insitu-footnote pre.file {
723  padding-bottom: 18px;
724}
725
726/* --------------- search result formating --------------- */
727div.dokuwiki .search_result {
728  margin-bottom: 6px;
729  padding: 0 10px 0 30px;
730}
731
732div.dokuwiki .search_snippet {
733  color: __text_other__;
734  font-size: 12px;
735  margin-left: 20px;
736}
737
738div.dokuwiki .search_sep {
739  color: __text__;
740}
741
742div.dokuwiki .search_hit {
743  color: __text__;
744  background-color: __highlight__;
745}
746div.dokuwiki strong.search_hit {
747  font-weight: normal;
748}
749
750div.dokuwiki div.search_quickresult {
751  margin: 0 0 15px 30px;
752  padding: 0 10px 10px 0;
753  border-bottom: 1px dashed __border__;
754}
755div.dokuwiki div.search_quickresult h3 {
756  margin: 0 0 1.0em 0;
757  font-size: 1em;
758  font-weight: bold;
759}
760
761div.dokuwiki ul.search_quickhits {
762  margin: 0 0 0.5em 1.0em;
763}
764
765div.dokuwiki ul.search_quickhits li {
766  margin: 0 1.0em 0 1.0em;
767  float: left;
768  width: 30%;
769}
770
771div.dokuwiki .section_highlight {
772  background-color: __background_alt__ !important;
773}
774
775/* ------------------ Additional ---------------------- */
776
777div.footerinc {
778    text-align: center;
779}
780.footerinc a img {
781    opacity: 0.5;
782    border: 0;
783}
784
785.footerinc a:hover img {
786    opacity: 1;
787}
788
789/* ---------- AJAX quicksearch ----------- */
790
791div.dokuwiki div.ajax_qsearch {
792  position: absolute;
793  right: 237px;;
794  width: 200px;
795  opacity: 0.9;
796  display: none;
797  font-size: 80%;
798  line-height: 1.2em;
799  border: 1px solid __border__;
800  background-color: __background_other__;
801  text-align: left;
802  padding: 4px;
803}
804
805/* --------- Toolbar -------------------- */
806button.toolbutton {
807  background-color: __background__;
808  padding: 0px;
809  margin: 0 1px 0 0;
810  border: 1px solid __border__;
811  cursor: pointer;
812}
813
814/* nice alphatransparency background except for IE <7 */
815html>body button.toolbutton {
816  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
817}
818
819div.picker {
820  width: 250px;
821  border: 1px solid __border__;
822  background-color: __background_alt__;
823}
824
825div.pk_hl {
826  width: 125px;
827}
828
829button.pickerbutton {
830  padding: 0px;
831  margin: 0 1px 1px 0;
832  border: 0;
833  background-color: transparent;
834  font-size: 80%;
835  cursor: pointer;
836}
837
838/* ---------------  Image Details  ----------------- */
839
840div.dokuwiki div.img_big {
841  float: left;
842  margin-right: 0.5em;
843}
844
845div.dokuwiki dl.img_tags dt {
846  font-weight: bold;
847  background-color: __background_alt__;
848}
849div.dokuwiki dl.img_tags dd {
850  background-color: __background_neu__;
851}
852
853div.dokuwiki div.imagemeta {
854  color: __text_neu__;
855  font-size: 70%;
856  line-height: 95%;
857}
858
859div.dokuwiki div.imagemeta img.thumb {
860  float: left;
861  margin-right: 0.1em;
862}
863
864