xref: /template/wikiweko/static/css/screen.css (revision 17183b9fd30f37a5fd641098c83c6d6da51df721)
1/******************************************************************************
2 ********************************  ATTENTION  *********************************
3         DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES!
4 ******************************************************************************
5  If you want to add some own screen CSS, have a look at the README of this
6  template and "/user/screen.css". You have been warned!
7 *****************************************************************************/
8
9/* Notes about how the template CSS works:
10
11   - This template includes 3rd party CSS files:
12     1) CSS from the "starter" DokuWiki template by Anika Henke (brings
13        important and basic styling for syntax and core features)
14     2) CSS from the original "vector" skin for MediaWiki (brings the basic
15        layout and overwrites some "default" styling)
16     These files will be included BEFORE this specific CSS file. In this file,
17     I just overwrite non fitting MediaWiki "vector" and DokuWiki "starter"
18     CSS + add some CSS for some exclusive objects of this template
19   - Why I am doing this? Well, read <http://j.mp/eq8zSo>. I followed the main
20     principle described there and simply apply it to the two sources ("starter"
21     template and "vector" skin).
22   - This way also ensures a painless update, if there are new versions of
23     MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components
24     were not edited or partially copied, I do not have to track their changes
25     in detail.
26
27   Explanation of the different sections in here:
28   - "Styles/corrections for the template itself"
29     General CSS targeting the template structure. This section overwrites non
30     fitting CSS of the "vector" MediaWiki skin and "starter" DokuWiki
31     template. Read the notes above and <http://j.mp/eq8zSo> if you do not know
32     why I am doing it this way.
33   - "Browser Hacks and corrections"
34     Section containing bigger hacks for browser specific problems.
35*/
36
37
38/******************************************************************************
39 ************** Styles/corrections for the template itself ********************
40 ******************************************************************************/
41/* --------------- general styling  --------------- */
42html {
43  background-color: #f3f3f3;
44  color: __text__;
45  overflow-x: auto;
46  overflow-y: auto;
47}
48body {
49  font: normal 100%/1.4 sans-serif;
50}
51caption,
52legend {
53  color: __text_neu__;
54  font-family: sans-serif;
55  background-color: inherit;
56}
57pre,
58code,
59samp,
60kbd {
61  font-family: monospace,sans-serif;
62}
63pre {
64  overflow: auto;
65}
66img {
67  border-width: 0;
68  background-color: transparent;
69}
70blockquote {
71  padding: 0 1.25em;
72  border: solid __border__;
73  border-width: 0 0 0 .25em;
74}
75q:before,
76q:after {
77  content: '';
78}
79sub,
80sup {
81  font-size: .8em;
82  line-height: 1;
83}
84sub {
85  vertical-align: sub;
86}
87sup {
88  vertical-align: super;
89}
90
91/* forms */
92form {
93  display: inline;
94  padding: 0;
95}
96label {
97  vertical-align: middle;
98  cursor: pointer;
99}
100input,
101textarea,
102button,
103select,
104optgroup,
105option {
106  font: inherit;
107  color: inherit;
108  /* background-color destroys button look */
109  line-height: 1;
110  margin: 0;
111  vertical-align: middle;
112}
113input[type=text],
114input[type=password],
115textarea {
116  padding: .1em;
117}
118input[type=radio],
119input[type=checkbox],
120input.check {
121  padding: 0;
122}
123input[type=submit], input.button, button {
124  cursor: pointer;
125}
126input[disabled],
127button[disabled],
128input[readonly],
129button[readonly] {
130  cursor: auto;
131}
132optgroup {
133  font-style: italic;
134  font-weight: bold;
135}
136option {
137  font-style: normal;
138  font-weight: normal;
139}
140
141/* tables */
142table {
143  border-collapse: collapse;
144  empty-cells: show;
145  border-spacing: 0;
146  border: 1px solid __border__;
147}
148caption {
149  caption-side: top;
150  text-align: left;
151  margin: 0 0 .3em;
152}
153th,
154td {
155  padding: .3em .5em;
156  margin: 0;
157  vertical-align: top;
158  border: 1px solid __border__;
159  text-align: left;
160}
161th {
162  font-weight: bold;
163  background-color: __background_alt__;
164}
165
166/* basic margins and paddings */
167p,
168ul,
169ol,
170dl,
171pre,
172table,
173blockquote,
174fieldset,
175address {
176  margin: 0 0 1.4em 0; /* bottom margin = line-height */
177  padding: 0;
178}
179div {
180  margin: 0;
181  padding: 0;
182}
183
184/* lists */
185ul,
186ol {
187  padding: 0 0 0 1.5em;
188}
189li,
190dd {
191  padding: 0;
192  margin: 0 0 0 1.5em;
193}
194dt {
195  font-weight: bold;
196  margin: 0;
197  padding: 0;
198}
199li ul,
200li ol,
201li dl,
202dl ul,
203dl ol,
204dl dl {
205  margin-bottom: 0;
206  padding: 0;
207}
208li li {
209  font-size: 100%;
210}
211ul             { list-style: square outside; }
212ol             { list-style: decimal outside; }
213ol ol          { list-style-type: lower-alpha; }
214ol ol ol       { list-style-type: upper-roman; }
215ol ol ol ol    { list-style-type: upper-alpha; }
216ol ol ol ol ol { list-style-type: lower-roman; }
217
218/* general classes */
219div.clearer {
220  /* additional to what's already in lib/styles/style.css: */
221  font-size: 1px;
222  visibility: hidden;
223}
224.a11y {
225  position: absolute;
226  left: -9000px;
227  top: -4000px;
228  width: 0;
229  height: 0;
230  overflow: hidden;
231  display: inline;
232}
233
234
235/* --------------- content styling --------------- */
236
237/* embedded images (styles are already partly set in lib/styles/style.css) */
238.dokuwiki img.media       { }
239.dokuwiki img.medialeft   { margin: .5em 1.5em .5em 0; }
240.dokuwiki img.mediaright  { margin: .5em 0 .5em 1.5em; }
241.dokuwiki img.mediacenter { margin: .5em auto; }
242
243div.dokuwiki p,
244div.dokuwiki blockquote,
245div.dokuwiki table,
246div.dokuwiki pre {
247  margin: 0 0 1.0em 0;
248}
249
250/* forms */
251div.dokuwiki textarea.edit {
252  font-family: monospace, serif;
253  /* second generic font fixes problem with font-size, see
254     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
255  font-size: 14px;
256  color: __text__;
257  background-color: __background__;
258  border: 1px solid __border__;
259  padding: 0.3em 0 0 0.3em;
260  width: 100%;
261  line-height: 17px;
262}
263div.dokuwiki legend {
264  font-family: sans-serif;
265  font-weight: normal;
266  background-color: transparent;
267  text-align: left; /* needed for webkit browsers */
268}
269
270/* nice alphatransparency background except for IE <7 */
271html>body div.dokuwiki textarea.edit {
272  background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
273}
274
275div.dokuwiki input.edit,
276div.dokuwiki select.edit {
277  font-size: 100%;
278  border: 1px solid __border__;
279  color: __text__;
280  background-color: __background__;
281  vertical-align: middle;
282  margin: 1px;
283  padding: 0.20em 0.3em;
284  display: inline;
285  font-weight: normal;
286}
287
288/* nice alphatransparency background except for IE <7 */
289html>body div.dokuwiki input.edit,
290html>body div.dokuwiki select.edit {
291  background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
292}
293
294div.dokuwiki select.edit {
295  padding: 0.1em 0;
296}
297
298div.dokuwiki input.missing {
299  font-size: 100%;
300  border: 1px solid __border__;
301  color: __text__;
302  background-color: #ffcccc;
303  vertical-align: middle;
304  margin: 1px;
305  padding: 0.20em 0.3em;
306  display: inline;
307}
308
309/* disabled style - not understood by IE */
310div.dokuwiki textarea.edit[disabled],
311div.dokuwiki textarea.edit[readonly],
312div.dokuwiki input.edit[disabled],
313div.dokuwiki input.edit[readonly],
314div.dokuwiki input.button[disabled],
315div.dokuwiki select.edit[disabled] {
316  background-color: __background_neu__!important;
317  color: __text_neu__!important;
318  font-weight: normal;
319}
320
321/* edit form */
322div.dokuwiki div.toolbar,
323div.dokuwiki div#wiki__editbar {
324  margin: 2px 0;
325  text-align: left;
326}
327div.dokuwiki div#size__ctl {
328  float: right;
329  width: 60px;
330  height: 2.7em;
331}
332div.dokuwiki #size__ctl img {
333  cursor: pointer;
334}
335div.dokuwiki div#wiki__editbar div.editButtons {
336  float: left;
337  padding: 0 1.0em 0.7em 0;
338}
339div.dokuwiki div#wiki__editbar div.summary {
340  float: left;
341}
342div.dokuwiki .nowrap {
343  white-space: nowrap;
344}
345div.dokuwiki div#draft__status {
346  float: right;
347  color: __text_alt__;
348}
349
350div.dokuwiki div.license {
351  padding: 0.5em;
352  font-size: 90%;
353  text-align: center;
354}
355
356div.dokuwiki form#dw__editform div.license {
357  clear: left;
358  font-size: 90%;
359}
360
361/* buttons */
362div.dokuwiki input.button,
363div.dokuwiki button.button {
364  border: 1px solid __border__;
365  color: __text__;
366  background-color: __background__;
367  vertical-align: middle;
368  text-decoration: none;
369  font-size: 100%;
370  cursor: pointer;
371  margin: 1px;
372  padding: 0.125em 0.4em;
373  font-weight: normal;
374  line-height: 1.333em;
375  #line-height: 1em; /* fix MSIE 6, 7 */
376}
377div.dokuwiki button.toolbutton {
378  height: 20px;
379  width: 24px;
380  padding: 1px 3px;
381  line-height: 16px;
382  text-align: center;
383  height: 22px\9; /* fix MSIE 6, 7, 8 */
384}
385/* nice alphatransparency background except for IE <7 */
386html>body div.dokuwiki input.button,
387html>body div.dokuwiki button.button {
388  background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
389}
390
391* html div.dokuwiki input.button,
392* html div.dokuwiki button.button {
393  height: 1.8em;
394}
395
396/* links */
397div.dokuwiki a:link,
398div.dokuwiki a:visited {
399  color: #436976;
400  text-decoration: none;
401}
402div.dokuwiki a:hover,
403div.dokuwiki a:active {
404  color: __text__;
405  text-decoration: underline;
406}
407
408/* missing page links outside rendered articles */
409a.wikilink2,
410a.wikilink2:link,
411a.wikilink2:visited,
412a.wikilink2:hover {
413  color: __missing__ !important;
414  text-decoration: none;
415}
416a.wikilink2:hover {
417  border-bottom: 0 none !important;
418  text-decoration: none !important;
419}
420
421/* link to current page */
422.dokuwiki span.curid a {
423  font-weight: normal;
424}
425
426/* internal link */
427.dokuwiki a.wikilink1,
428.dokuwiki a.wikilink1:visited {
429  color: __existing__ !important;
430}
431
432/* external links */
433div#bodyContent a.urlextern {
434  background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
435  padding: 0 13px 0 0;
436}
437div.dokuwiki a.urlextern:visited {
438  color: purple;
439}
440
441/* email link */
442div#bodyContent a.mail {
443  background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat;
444  padding: 0 13px 0 0;
445}
446
447/* windows share */
448div.dokuwiki a.windows {
449  background: transparent url(static/3rd/dokuwiki/windows.gif) center right no-repeat;
450  padding: 0 18px 1px 0;
451}
452
453/* interwiki link */
454div.dokuwiki a.interwiki {
455  background-position: center right;
456  padding: 0 17px 0 0;
457}
458div.dokuwiki a.interwiki:visited {
459  color: purple;
460}
461
462/* headlines */
463h1,
464h2,
465h3,
466h4,
467h5,
468h6 {
469  font-family: sans-serif;
470  background-color: inherit;
471  padding: 0;
472  clear: left; /* ideally 'both', but problems with toc */
473}
474div#content .dokuwiki h1,
475div#content .dokuwiki h2,
476div#content .dokuwiki h3,
477div#content .dokuwiki h4,
478div#content .dokuwiki h5,
479div#content .dokuwiki h6 {
480  border-bottom: 1px solid #aaa;
481  color: __text__;
482  margin: 0;
483  padding-bottom: 0.17em;
484  padding-top: 0.5em;
485}
486div#content .dokuwiki h1 a,
487div#content .dokuwiki h2 a,
488div#content .dokuwiki h3 a,
489div#content .dokuwiki h4 a,
490div#content .dokuwiki h5 a,
491div#content .dokuwiki h6 a {
492  color: __text__;
493}
494div#content .dokuwiki h1 a:hover,
495div#content .dokuwiki h2 a:hover,
496div#content .dokuwiki h3 a:hover,
497div#content .dokuwiki h4 a:hover,
498div#content .dokuwiki h5 a:hover,
499div#content .dokuwiki h6 a:hover {
500  text-decoration: none;
501}
502div#content .dokuwiki h1 {
503  font-size: 160%;
504}
505div#content .dokuwiki h1,
506div#content .dokuwiki h2 {
507  margin-bottom: 0.6em;
508  font-weight: normal;
509}
510div#content .dokuwiki h3,
511div#content .dokuwiki h4,
512div#content .dokuwiki h5,
513div#content .dokuwiki h6 {
514  font-weight: bold;
515  border-bottom: none;
516  margin-bottom: 0.3em;
517}
518div#content .dokuwiki h3 {
519  font-size: 132%;
520}
521div#content .dokuwiki h4 {
522  font-size: 116%;
523}
524div#content .dokuwiki h5 {
525  font-size: 100%;
526}
527div#content .dokuwiki h6 {
528  font-size: 80%;
529}
530
531/* remove indent from different sections */
532div#content .dokuwiki div.level1,
533div#content .dokuwiki div.level2,
534div#content .dokuwiki div.level3,
535div#content .dokuwiki div.level4,
536div#content .dokuwiki div.level5 {
537  margin-left: 0;
538}
539
540/* lists */
541div.dokuwiki ul {
542  line-height: 1.5em;
543  padding: 0;
544  list-style-type: square;
545  list-style-image: url(static/3rd/vector/bullet-icon.png) !important;
546  margin: 0.3em 0 1em 1.5em;
547  color: __text_alt__;
548}
549
550div.dokuwiki ol {
551  line-height: 1.5em;
552  padding: 0;
553  list-style-image: none;
554  margin: 0.3em 0 1em 3.2em;
555  color: __text_alt__;
556  font-weight: bold;
557}
558
559div.dokuwiki li ul,
560div.dokuwiki li ol {
561  margin: 0 0 0 1.5em; /* no bottom gap in between and smaller left margin for nested lists */
562}
563
564div.dokuwiki .li {
565  color: __text__;  /* the list items overriding the ul/ol definition */
566  font-weight: normal;
567}
568
569div.dokuwiki ol { list-style-type: decimal; }
570div.dokuwiki ol ol { list-style-type: upper-roman; }
571div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
572div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }
573
574div.dokuwiki li.open {
575  list-style-image: url(static/3rd/dokuwiki/images/open.gif);
576}
577
578div.dokuwiki li.closed {
579  list-style-image: url(static/3rd/dokuwiki/closed.gif);
580}
581
582div.dokuwiki li {
583  margin-left: 0;
584  margin-bottom: 1px;
585}
586
587/* quotes */
588div#content .dokuwiki blockquote {
589  border-left: 2px solid __border__;
590  padding-left: 3px;
591  padding-right: 0;
592  margin-left: 0.2em;
593}
594
595/* preformatted stuff, source code */
596.dokuwiki dl.code dt,
597.dokuwiki dl.file dt {
598  background-color: __background_alt__;
599  border: solid __border__;
600  border-width: 1px 1px 0;
601  color: inherit;
602  display: inline;
603  padding: 0 .5em;
604  margin-left: 1em;
605}
606.dokuwiki dl.code dd,
607.dokuwiki dl.file dd {
608  margin: 0;
609}
610div#content .dokuwiki code,
611div#content .dokuwiki pre,
612div#content .dokuwiki pre.code,
613div#content .dokuwiki pre.file,
614div#content .dokuwiki samp,
615div#content .dokuwiki kbd,
616div#content .dokuwiki tt {
617  font-size: 100%;
618  background-color: #f9f9f9;
619  color: __text__;
620  font-size: 1em;
621  direction: ltr;
622  text-align: left;
623}
624div#content .dokuwiki em.u code { /* fix if background-color hides underlining */
625  text-decoration: underline;
626}
627div#content .dokuwiki pre,
628div#content .dokuwiki pre.code,
629div#content .dokuwiki pre.file {
630  line-height: 1.2em;
631  padding: 0.5em;
632  border: 1px dashed __border__;
633}
634div#content .dokuwiki dl.file,
635div#content .dokuwiki dl.file dd {
636  margin-left: 0;
637}
638div#content .dokuwiki dl.file dt,
639div#content .dokuwiki dl.code dt {
640  background-color: #f9f9f9;
641  border-bottom: 2px solid #f9f9f9;
642  border-top: 1px dashed __border__;
643  border-left: 1px dashed __border__;
644  border-right: 1px dashed __border__;
645  display: inline;
646  margin-left: 2em;
647  padding: 0.1em 1em;
648}
649div#content .dokuwiki dl.file dt a,
650div#content .dokuwiki dl.code dt a {
651  color: __text__;
652}
653
654/* "you are here" and "breadcrumbs" */
655.catlinks {
656  font-size: 80%;
657  margin-bottom: 1em;
658}
659.catlinks p,
660.catlinks div {
661  margin: 0.3em 0;
662}
663
664/* tables */
665th,
666td {
667  border: 0;
668}
669td[align="right"],
670th[align="right"] {
671  text-align: right;
672}
673.dokuwiki table.inline {
674  background-color: __background__;
675}
676.dokuwiki table.inline th,
677.dokuwiki table.inline td {
678  border: 1px solid __border__;
679}
680.dokuwiki table.inline th {
681  color: inherit;
682  background-color: __background_alt__;
683}
684.dokuwiki table.inline tr:hover td,
685.dokuwiki table.inline tr:hover th,
686.dokuwiki table.inline th:hover {
687  background-color: __background_alt__;
688}
689
690/* section edit buttons */
691.dokuwiki .secedit {
692  margin-top: 0;
693}
694div#content .dokuwiki div.secedit input.button {
695  border: 0 none;
696  text-transform: lowercase;
697  color: __existing__;
698  margin: 0;
699  padding: 0;
700  cursor: pointer;
701  background: transparent none;
702}
703
704/* footnotes */
705div.dokuwiki div.fn {
706  font-size: 90%;
707}
708
709/* link to footnote inside the text */
710.dokuwiki sup a.fn_top {
711  font-size: 95%;
712}
713
714/* insitu-footnotes */
715div.insitu-footnote {
716  font-size: 85%;
717  padding: 4px;
718}
719div.insitu-footnote code,
720div.insitu-footnote pre {
721  font-size: 90%;
722}
723
724/* Toolbar */
725button.toolbutton {
726  background-color: __background__;
727  padding: 0px;
728  margin: 0 1px 0 0;
729  border: 1px solid __border__;
730  cursor: pointer;
731}
732
733/* nice alphatransparency background except for IE <7 */
734html>body button.toolbutton {
735  background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
736}
737
738div.picker {
739  width: 250px;
740  border: 1px solid __border__;
741  background-color: __background_alt__;
742}
743
744div.pk_hl {
745  width: 125px;
746}
747
748button.pickerbutton {
749  padding: 0px;
750  margin: 0 1px 1px 0;
751  border: 0;
752  background-color: transparent;
753  font-size: 80%;
754  cursor: pointer;
755}
756
757/* gallery plugin compatibilty */
758div.dokuwiki .gallery table,
759div.dokuwiki .gallery td {
760  border: 0 none;
761}
762
763/* bureaucracy plugin compatibilty */
764div.dokuwiki form.bureaucracy__plugin fieldset {
765  text-align: center;
766}
767div.dokuwiki form.bureaucracy__plugin label {
768  width: 95% !important;
769  margin-left: auto;
770  margin-right: auto;
771}
772div.dokuwiki form.bureaucracy__plugin label span,
773div.dokuwiki form.bureaucracy__plugin input.edit,
774div.dokuwiki form.bureaucracy__plugin textarea.edit,
775div.dokuwiki form.bureaucracy__plugin fieldset textarea.edit {
776  text-align: left;
777  margin: auto 5px;
778  float: none !important;
779  width: 97% !important;
780  min-width: 97% !important;
781  max-width: 97% !important;
782}
783
784
785/* --------------- sidebar --------------- */
786div#panel {
787  line-height: 15px;
788}
789div#panel .dokuwiki {
790  font-size: 0.75em;
791}
792div#panel a.wikilink1,
793div#panel a.wikilink2,
794div#panel a.urlextern {
795  padding-left: 0;
796  background: transparent none;
797  color: __existing__;
798}
799div#panel .body {
800  margin-right: 0.45em !important;
801  padding-top: 0.25em !important;
802}
803div#panel .body .dokuwiki p {
804  margin: 0;
805}
806div#panel .body .dokuwiki ul li {
807  font-size: 1em !important;
808  padding: 0.25em 0 !important;
809}
810div#panel .body .dokuwiki li ul {
811  font-size: 95% !important;
812  margin: 0.25em 0 0 1em !important;
813}
814div#panel .body .dokuwiki ol {
815  margin: 0 0 0 1.65em;
816}
817/* translation plugin by Anreas Gohr */
818div#panel .body .dokuwiki .plugin_translation span {
819  display: none;
820}
821div#panel .body .dokuwiki .plugin_translation {
822  padding-right: 0 !important;
823  text-align: left;
824}
825div#panel .body .dokuwiki .plugin_translation,
826div#panel .body .dokuwiki .plugin_translation ul,
827div#panel .body .dokuwiki .plugin_translation li {
828  float: none;
829  margin: 0;
830  padding-right: 0;
831  line-height: 1.125em;
832  font-size: 100%;
833}
834div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link,
835div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover,
836div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active,
837div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited,
838div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link,
839div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover,
840div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active,
841div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited {
842  background-color: transparent;
843  margin: 0;
844  padding: 0;
845}
846div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before,
847div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before {
848  content: attr(title) " (";
849}
850div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after,
851div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after {
852  content: ") ";
853}
854div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 {
855  color: __existing__ !important;
856}
857div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 {
858  color: __missing__ !important;
859}
860div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover {
861  text-decoration: underline;
862}
863div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover {
864  text-decoration: underline !important;
865}
866div#panel .body .dokuwiki .plugin_translation select {
867  width: 90%;
868  margin: auto !important;
869  text-align: left;
870}
871div#panel .body .dokuwiki .plugin_translation option,
872div#panel .body .dokuwiki .plugin_translation option.wikilink1,
873div#panel .body .dokuwiki .plugin_translation option.wikilink2 {
874  padding: auto 5px !important;
875  text-align: left;
876}
877
878
879/* --------------- search --------------- */
880/* copy of the original vector id="searchInput" styles cause we have to use
881   another id for DokuWiki */
882div#simpleSearch input#qsearch__in {
883  margin: 0;
884  border-width: 0;
885  padding: 0.25em;
886  line-height: 1em;
887  font-size: 0.8em;
888  width: 14em;
889  background-color: transparent;
890}
891/* Ajax quicksearch */
892#qsearch__out {
893  top: 72px;
894  display: none;
895  left: auto;
896  right: 7.93335px;
897  bottom: auto;
898  height: auto;
899  font-family: sans-serif;
900  font-size: 0.8em;
901  background-color: window;
902  border: 1px solid #aaa;
903  padding: 0;
904  position: static;
905}
906#qsearch__out ul {
907  padding: 0;
908  margin: 0;
909  list-style: none;
910}
911#qsearch__out li {
912  color: windowtext;
913  margin: 0;
914  width: 100%;
915  padding: 1px;
916}
917#qsearch__out li a {
918  width: 97%; /* leave some space for browser rounding errors */
919  display: block;
920}
921#qsearch__out li:hover {
922  background-color: #bbb;
923}
924#qsearch__out li a,
925#qsearch__out li a:link,
926#qsearch__out li a:visited,
927#qsearch__out li a:hover {
928  color: windowtext;
929  text-decoration: none;
930}
931
932
933/* --------------- footer --------------- */
934div#footer a.wikilink1,
935div#footer a.wikilink2,
936div#footer a.urlextern {
937  padding-left: 0;
938  background: transparent none;
939  color: __existing__;
940}
941/* default copyright notice layout */
942div#footer #footer-info li#footer-info-copyright .license {
943  font-size: 100%;
944  text-align: left;
945  padding: 0;
946}
947div#footer #footer-info li#footer-info-copyright .license a.urlextern {
948  margin-left: 0.4em;
949}
950
951
952/* --------------- Table of contents (TOC) ---------------  */
953div.dokuwiki div.toc {
954  margin: 1.2em 0 0 2em;
955  float: right;
956  width: 200px;
957  font-size: 80%;
958  clear: both;
959}
960
961div.dokuwiki div.tocheader {
962  border: 1px solid __border__;
963  background-color: __background_alt__;
964  text-align: left;
965  font-weight: bold;
966  padding: 3px;
967  margin-bottom: 2px;
968  line-height: 1.45em;
969}
970
971div.dokuwiki span.toc_open,
972div.dokuwiki span.toc_close {
973  border: 0.4em solid __background_alt__;
974  float: right;
975  display: block;
976  margin: 0.4em 3px 0 0;
977}
978
979div.dokuwiki span.toc_open span,
980div.dokuwiki span.toc_close span {
981  display: none;
982}
983
984div.dokuwiki span.toc_open {
985  margin-top: 0.4em;
986  border-top: 0.4em solid __text__;
987}
988
989div.dokuwiki span.toc_close {
990  margin-top: 0;
991  border-bottom: 0.4em solid __text__;
992}
993
994div.dokuwiki #toc__inside {
995  border: 1px solid __border__;
996  background-color: __background__;
997  text-align: left;
998  padding: 0.5em 0 0.7em 0;
999}
1000
1001div.dokuwiki ul.toc {
1002  list-style-type: none;
1003  list-style-image: none;
1004  line-height: 1.2em;
1005  padding: 0 !important;
1006  margin: 0.3em 0 0 1.5em !important;
1007}
1008
1009div.dokuwiki ul.toc li {
1010  list-style-image: none;
1011  list-style-type: none;
1012  background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat;
1013  padding-left: 0.4em !important;
1014  margin-bottom: 0.1em !important;
1015}
1016
1017div.dokuwiki ul.toc li.clear {
1018  background-image: none;
1019  padding-left: 0.4em;
1020}
1021
1022div.dokuwiki a.toc:link,
1023div.dokuwiki a.toc:visited {
1024  color: #436976;
1025}
1026
1027div.dokuwiki a.toc:hover,
1028div.dokuwiki a.toc:active {
1029  color: __text__;
1030}
1031
1032div.toc,
1033div.dokuwiki a.toc,
1034div.dokuwiki ul.toc {
1035  border: 0 none;
1036  background: transparent none;
1037  font-size: 100%;
1038}
1039
1040div.dokuwiki ul.toc {
1041  padding-top: 0;
1042  padding-bottom: 0;
1043  padding-left: 1em !important;
1044  list-style-type: none !important;
1045  list-style-image: none !important;
1046  margin: 0 !important;
1047}
1048
1049div.dokuwiki a.toc {
1050  padding: 0;
1051}
1052
1053
1054/* --------------- generic content classes --------------- */
1055div.error,
1056div.info,
1057div.success,
1058div.notify {
1059  font-size: 80%;
1060  line-height: 1.25em;
1061}
1062
1063
1064/* --------------- admin menu --------------- */
1065/* editing preview */
1066div#content .dokuwiki div.preview {
1067  margin-left: 0;
1068}
1069/* "remeber me" checkbox, login */
1070div.dokuwiki form#dw__login label.simple {
1071  text-align: center;
1072  padding-bottom: 0.4em;
1073}
1074/* main menu */
1075.dokuwiki ul.admin_tasks li {
1076  list-style-type: none;
1077  list-style-image: none;
1078}
1079.dokuwiki ul.admin_tasks li a {
1080  font-weight: bold;
1081}
1082/* acl tree */
1083#acl__tree li {
1084  list-style-image: none;
1085  list-style-type: none;
1086}
1087
1088
1089/* --------------- media manager --------------- */
1090#media__manager {
1091  min-height: 550px;
1092}
1093* html #media__manager {
1094  height: 550px; /* fix MSIE 6 */
1095}
1096#media__manager h1,
1097#media__manager h2,
1098#media__popup h1,
1099#media__popup h2 {
1100  font-size: 1em !important;
1101  line-height: 1em !important;
1102  font-weight: bold !important;
1103}
1104/* make a "non-embedded"/fullpage manager possible trough hiding some stuff */
1105body.mmanagernotembedded .noprint,
1106body.mmanagernotembedded #siteNotice,
1107body.mmanagernotembedded #footer {
1108  display: none !important;
1109}
1110body.mmanagernotembedded #content {
1111  margin: 0 !important;
1112}
1113
1114
1115/* --------------- search result formating --------------- */
1116div.dokuwiki .search_result {
1117  margin-bottom: 6px;
1118  padding: 0 10px 0 30px;
1119}
1120
1121div.dokuwiki .search_snippet {
1122  font-size: 12px;
1123  margin-left: 20px;
1124}
1125
1126div.dokuwiki .search_sep {
1127  color: __text__;
1128}
1129
1130div.dokuwiki .search_hit {
1131  color: __text__;
1132  background-color: __highlight__;
1133}
1134div.dokuwiki strong.search_hit {
1135  font-weight: normal;
1136}
1137
1138div.dokuwiki div.search_quickresult {
1139  margin: 0 0 15px 30px;
1140  padding: 0 10px 10px 0;
1141  border-bottom: 1px dashed __border__;
1142}
1143div.dokuwiki div.search_quickresult h3 {
1144  margin: 0 0 1.0em 0;
1145  font-size: 1em;
1146  font-weight: bold;
1147}
1148
1149div.dokuwiki ul.search_quickhits {
1150  margin: 0 0 0.5em 1.0em;
1151}
1152
1153div.dokuwiki ul.search_quickhits li {
1154  margin: 0 1.0em 0 1.0em;
1155  float: left;
1156  width: 30%;
1157}
1158
1159div.dokuwiki .section_highlight {
1160  background-color: __background_alt__ !important;
1161}
1162
1163/* --------------- image details ----------------- */
1164div.dokuwiki div.img_big {
1165  float: left;
1166  margin-right: 0.5em;
1167}
1168
1169div.dokuwiki dl.img_tags dt {
1170  font-weight: bold;
1171  background-color: __background_alt__;
1172}
1173div.dokuwiki dl.img_tags dd {
1174  background-color: __background_neu__;
1175}
1176
1177div.dokuwiki div.imagemeta {
1178  color: __text_neu__;
1179  font-size: 70%;
1180  line-height: 95%;
1181}
1182
1183div.dokuwiki div.imagemeta img.thumb {
1184  float: left;
1185  margin-right: 0.1em;
1186}
1187
1188/* --------------- JS popup ----------------- */
1189.JSpopup {
1190  background-color: __background__;
1191  color: __text__;
1192  border: 1px solid __border__;
1193  line-height: 1.2;
1194  padding: 0 .2em;
1195}
1196.JSpopup ul,
1197.JSpopup ol {
1198  padding-left: 0;
1199}
1200
1201
1202/******************************************************************************
1203 ********************* Browser Hacks and corrections **************************
1204 ******************************************************************************/
1205/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */
1206textarea,
1207.dokuwiki #dw__editform textarea.edit {
1208  /* fix scrollbar flickers in IE8 standards mode, see
1209     http://j.mp/bHExde and http://j.mp/ad7Abj for details */
1210  width: 450px\9;
1211  max-width: 100%\9;
1212  min-width: 100%\9;
1213  /* overwrite original vector with fixes for IE6/7 */
1214  #width: 100% !important;
1215  border: auto;
1216}
1217/* ajax quicksearch: MSIE 6/7 */
1218* html #qsearch__out {
1219  width: 206px;
1220}
1221#qsearch__out ul {
1222  #list-style: none !important;
1223  #list-style-image: none !important;
1224}
1225#qsearch__out li {
1226  #width: 206px;
1227}
1228/* admin menu icons: MSIE 6/7 */
1229.dokuwiki ul.admin_tasks li div.li {
1230  #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */
1231}
1232/* list style: MSIE 6/7 */
1233div#panel div.portal div.body ul {
1234  #list-style: none outside none !important;
1235}
1236form#page__revisions ul,
1237form#dw__recent ul {
1238  #list-style: none outside none !important;
1239}
1240
1241