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