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