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: 81% "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: 3px solid __border__;
83  padding: 0.5em;
84  margin: auto;
85}
86
87div.dokuwiki textarea.edit {
88  font-family: monospace, serif;
89  /* second generic font fixes problem with font-size, see
90     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
91  font-size: 100%;
92  color: __text__;
93  background-color: __background__;
94  border: 5px solid __border__;
95  border-top-left-radius: 10px 8px;
96  border-bottom-right-radius: 10px 8px;
97  border-bottom-left-radius: 10px 8px;
98  border-top-right-radius: 10px 8px;
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__;
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__;
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 __border__;
200  border-top-left-radius: 10px 8px;
201  border-bottom-right-radius: 10px 8px;
202  border-bottom-left-radius: 10px 8px;
203  border-top-right-radius: 10px 8px;
204  color: __text__;
205  background-color: #272c2d;
206  vertical-align: middle;
207  text-decoration: none;
208  font-size: 100%;
209  cursor: pointer;
210  margin: 1px;
211  padding: 0.125em 0.4em;
212}
213
214/* nice alphatransparency background except for IE <7 */
215html>body div.dokuwiki input.button,
216html>body div.dokuwiki button.button {
217  background:  #272c2d;
218}
219
220* html div.dokuwiki input.button,
221* html div.dokuwiki button.button {
222  height: 1.8em;
223}
224
225div.dokuwiki div.secedit input.button {
226  border: 1px solid __border__;
227  color: __text__;
228  background-color: __background__;
229  vertical-align: middle;
230  text-decoration: none;
231  margin: 0;
232  padding: 0;
233  font-size: 10px;
234  cursor: pointer;
235  float: right;
236  display: inline;
237}
238
239/* ----------- page navigator ------------- */
240
241div.dokuwiki div.pagenav {
242    margin: 1em 0 0 0;
243}
244
245div.dokuwiki div.pagenav-prev {
246    text-align: right;
247    float: left;
248    width: 60%
249}
250
251div.dokuwiki div.pagenav-next {
252    text-align: left;
253    float: right;
254    width: 49%
255}
256
257/* ----------- type of recent changes select -------- */
258
259div.dokuwiki form#dw__recent select {
260    margin-bottom: 10px;
261}
262
263/* --------------- Links ------------------ */
264
265div.dokuwiki a:link,
266div.dokuwiki a:visited {
267  color: __extern__;
268  text-decoration: none;
269}
270div.dokuwiki a:hover,
271div.dokuwiki a:active {
272  color: __text__;
273  text-decoration: underline;
274}
275
276div.dokuwiki h1 a,
277div.dokuwiki h2 a,
278div.dokuwiki h3 a,
279div.dokuwiki h4 a,
280div.dokuwiki h5 a,
281div.dokuwiki a.nolink {
282  color: __text__ !important;
283  text-decoration: none !important;
284}
285
286/* external link */
287div.dokuwiki a.urlextern {
288  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
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: __extern__;
310}
311
312div.dokuwiki a.urlextern:visited,
313div.dokuwiki a.windows:visited,
314div.dokuwiki a.interwiki:visited {
315  color: purple;
316}
317div.dokuwiki a.urlextern:hover,
318div.dokuwiki a.urlextern:active,
319div.dokuwiki a.windows:hover,
320div.dokuwiki a.windows:active,
321div.dokuwiki a.interwiki:hover,
322div.dokuwiki a.interwiki:active {
323  color: __text__;
324}
325
326/* email link */
327div.dokuwiki a.mail {
328  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
329  padding: 1px 0px 1px 16px;
330}
331
332/* existing wikipage */
333div.dokuwiki a.wikilink1 {
334  color: __existing__ !important;
335}
336
337/* not existing wikipage */
338div.dokuwiki a.wikilink2 {
339  color: __missing__ !important;
340  text-decoration: none !important;
341  border-bottom: dashed 1px __missing__ !important;
342}
343
344/* ------------- Page elements ----------------- */
345
346div.dokuwiki div.preview {
347  background-color: __background_neu__;
348  margin: 0 0 0 2em;
349  padding: 4px;
350  border: 1px dashed __text__;
351}
352
353div.dokuwiki div.breadcrumbs {
354  background-color: __background_neu__;
355  color: __text_neu__;
356  font-size: 80%;
357  padding: 0 0 0 4px;
358}
359
360div.dokuwiki span.user {
361  color: __text_other__;
362  font-size: 90%;
363}
364
365div.dokuwiki li.minor {
366  color: __text_neu__;
367  font-style: italic;
368}
369
370/* embedded images */
371div.dokuwiki img.media {
372  margin: 3px;
373}
374
375div.dokuwiki img.medialeft {
376  border: 0;
377  float: left;
378  margin: 0 1.5em 0 0;
379}
380
381div.dokuwiki img.mediaright {
382  border: 0;
383  float: right;
384  margin: 0 0 0 1.5em;
385}
386
387div.dokuwiki img.mediacenter {
388  border: 0;
389  display: block;
390  margin: 0 auto;
391}
392
393/* smileys */
394div.dokuwiki img.middle {
395  vertical-align: middle;
396}
397
398div.dokuwiki acronym {
399  cursor: help;
400  border-bottom: 1px dotted __text__;
401}
402
403/* general headline setup */
404div.dokuwiki h1,
405div.dokuwiki h2,
406div.dokuwiki h3,
407div.dokuwiki h4,
408div.dokuwiki h5 {
409    color: __text__;
410    background-color: inherit;
411    font-size: 100%;
412    font-weight: normal;
413    margin: 0 0 1em 0;
414    padding: 0.5em 0 0 0;
415    border-bottom: 5px solid __border__;
416    border-top-left-radius: 10px 8px;
417    border-bottom-right-radius: 10px 8px;
418    border-bottom-left-radius: 10px 8px;
419    border-top-right-radius: 10px 8px;
420    clear: left;
421}
422
423/* special headlines */
424div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
425div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
426div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
427div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
428div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
429
430/* indent different sections */
431div.dokuwiki div.level1 { margin-left: 3px; }
432div.dokuwiki div.level2 { margin-left: 23px; }
433div.dokuwiki div.level3 { margin-left: 43px; }
434div.dokuwiki div.level4 { margin-left: 63px; }
435div.dokuwiki div.level5 { margin-left: 83px; }
436
437/* unordered lists */
438div.dokuwiki ul {
439  line-height: 1.5em;
440  list-style-type: square;
441  list-style-image: none;
442  margin: 0 0 1em 3.5em;
443  color: __text_alt__;
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_alt__;
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: #272c2d;
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:  #272c2d;
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