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