xref: /template/wikiweko/static/css/screen.css (revision 078ed77396cf7f90c55744c8e985d2e92a07a671)
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 --------------- */
42/* general tags */
43html {
44  background-color: #f3f3f3;
45}
46div.dokuwiki p,
47div.dokuwiki blockquote,
48div.dokuwiki table,
49div.dokuwiki pre {
50  margin: 0 0 1.0em 0;
51}
52div.dokuwiki caption {
53  font-family: sans-serif;
54}
55
56/* forms */
57div.dokuwiki textarea.edit {
58  font-family: monospace, serif;
59  /* second generic font fixes problem with font-size, see
60http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
61  font-size: 14px;
62  color: __text__;
63  background-color: __background__;
64  border: 1px solid __border__;
65  padding: 0.3em 0 0 0.3em;
66  width: 100%;
67  line-height: 17px;
68}
69
70div.dokuwiki legend {
71  font-family: sans-serif;
72  font-weight: normal;
73  background-color: transparent;
74}
75
76/* nice alphatransparency background except for IE <7 */
77html>body div.dokuwiki textarea.edit {
78  background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
79}
80
81div.dokuwiki input.edit,
82div.dokuwiki select.edit {
83  font-size: 100%;
84  border: 1px solid __border__;
85  color: __text__;
86  background-color: __background__;
87  vertical-align: middle;
88  margin: 1px;
89  padding: 0.20em 0.3em;
90  display: inline;
91  font-weight: normal;
92}
93
94/* nice alphatransparency background except for IE <7 */
95html>body div.dokuwiki input.edit,
96html>body div.dokuwiki select.edit {
97  background: __background__ url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
98}
99
100div.dokuwiki select.edit {
101  padding: 0.1em 0;
102}
103
104div.dokuwiki input.missing {
105  font-size: 100%;
106  border: 1px solid __border__;
107  color: __text__;
108  background-color: #ffcccc;
109  vertical-align: middle;
110  margin: 1px;
111  padding: 0.20em 0.3em;
112  display: inline;
113}
114
115/* disabled style - not understood by IE */
116div.dokuwiki textarea.edit[disabled],
117div.dokuwiki textarea.edit[readonly],
118div.dokuwiki input.edit[disabled],
119div.dokuwiki input.edit[readonly],
120div.dokuwiki input.button[disabled],
121div.dokuwiki select.edit[disabled] {
122  background-color: __background_neu__!important;
123  color: __text_neu__!important;
124  font-weight: normal;
125}
126
127/* edit form */
128div.dokuwiki div.toolbar,
129div.dokuwiki div#wiki__editbar {
130   margin: 2px 0;
131   text-align: left;
132}
133div.dokuwiki div#size__ctl {
134   float: right;
135   width: 60px;
136   height: 2.7em;
137}
138div.dokuwiki #size__ctl img {
139   cursor: pointer;
140}
141div.dokuwiki div#wiki__editbar div.editButtons {
142   float: left;
143   padding: 0 1.0em 0.7em 0;
144}
145div.dokuwiki div#wiki__editbar div.summary {
146   float: left;
147}
148div.dokuwiki .nowrap {
149   white-space: nowrap;
150}
151div.dokuwiki div#draft__status {
152  float: right;
153  color: __text_alt__;
154}
155
156div.dokuwiki div.license {
157  padding: 0.5em;
158  font-size: 90%;
159  text-align: center;
160}
161
162div.dokuwiki form#dw__editform div.license {
163  clear: left;
164  font-size: 90%;
165}
166
167/* buttons */
168div.dokuwiki input.button,
169div.dokuwiki button.button {
170  border: 1px solid __border__;
171  color: __text__;
172  background-color: __background__;
173  vertical-align: middle;
174  text-decoration: none;
175  font-size: 100%;
176  cursor: pointer;
177  margin: 1px;
178  padding: 0.125em 0.4em;
179  font-weight: normal;
180}
181
182/* nice alphatransparency background except for IE <7 */
183html>body div.dokuwiki input.button,
184html>body div.dokuwiki button.button {
185  background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
186}
187
188* html div.dokuwiki input.button,
189* html div.dokuwiki button.button {
190  height: 1.8em;
191}
192
193/* links */
194div.dokuwiki a:link,
195div.dokuwiki a:visited {
196  color: #436976;
197  text-decoration: none;
198}
199div.dokuwiki a:hover,
200div.dokuwiki a:active {
201  color: __text__;
202  text-decoration: underline;
203}
204
205/* missing page links outside rendered articles */
206a.wikilink2,
207a.wikilink2:link,
208a.wikilink2:visited,
209a.wikilink2:hover {
210  color: __missing__ !important;
211  text-decoration: none;
212}
213a.wikilink2:hover {
214  border-bottom: 0 none !important;
215  text-decoration: none !important;
216}
217
218/* link to current page */
219.dokuwiki span.curid a {
220  font-weight: normal;
221}
222
223/* internal link */
224.dokuwiki a.wikilink1,
225.dokuwiki a.wikilink1:visited {
226  color: __existing__ !important;
227}
228
229/* external links */
230div#bodyContent a.urlextern {
231  background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
232  padding: 0 13px 0 0;
233}
234div.dokuwiki a.urlextern:visited {
235  color: purple;
236}
237
238/* email link */
239div#bodyContent a.mail {
240  background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat;
241  padding: 0 13px 0 0;
242}
243
244/* windows share */
245div.dokuwiki a.windows {
246  background: transparent url(static/3rd/dokuwiki/windows.gif) center right no-repeat;
247  padding: 0 18px 1px 0;
248}
249
250/* interwiki link */
251div.dokuwiki a.interwiki {
252  background-position: center right;
253  padding: 0 17px 0 0;
254}
255div.dokuwiki a.interwiki:visited {
256  color: purple;
257}
258
259/* headlines */
260h1,
261h2,
262h3,
263h4,
264h5,
265h6 {
266  font-family: sans-serif;
267}
268div#content .dokuwiki h1,
269div#content .dokuwiki h2,
270div#content .dokuwiki h3,
271div#content .dokuwiki h4,
272div#content .dokuwiki h5,
273div#content .dokuwiki h6 {
274  border-bottom: 1px solid #aaa;
275  color: __text__;
276  margin: 0;
277  padding-bottom: 0.17em;
278  padding-top: 0.5em;
279}
280div#content .dokuwiki h1 a,
281div#content .dokuwiki h2 a,
282div#content .dokuwiki h3 a,
283div#content .dokuwiki h4 a,
284div#content .dokuwiki h5 a,
285div#content .dokuwiki h6 a {
286  color: __text__;
287}
288div#content .dokuwiki h1 a:hover,
289div#content .dokuwiki h2 a:hover,
290div#content .dokuwiki h3 a:hover,
291div#content .dokuwiki h4 a:hover,
292div#content .dokuwiki h5 a:hover,
293div#content .dokuwiki h6 a:hover {
294  text-decoration: none;
295}
296div#content .dokuwiki h1 {
297  font-size: 160%;
298}
299div#content .dokuwiki h1,
300div#content .dokuwiki h2 {
301  margin-bottom: 0.6em;
302  font-weight: normal;
303}
304div#content .dokuwiki h3,
305div#content .dokuwiki h4,
306div#content .dokuwiki h5,
307div#content .dokuwiki h6 {
308  font-weight: bold;
309  border-bottom: none;
310  margin-bottom: 0.3em;
311}
312div#content .dokuwiki h3 {
313  font-size: 132%;
314}
315div#content .dokuwiki h4 {
316  font-size: 116%;
317}
318div#content .dokuwiki h5 {
319  font-size: 100%;
320}
321div#content .dokuwiki h6 {
322  font-size: 80%;
323}
324
325/* remove indent from different sections */
326div#content .dokuwiki div.level1,
327div#content .dokuwiki div.level2,
328div#content .dokuwiki div.level3,
329div#content .dokuwiki div.level4,
330div#content .dokuwiki div.level5 {
331  margin-left: 0;
332}
333
334/* lists */
335div.dokuwiki ul {
336  line-height: 1.5em;
337  padding: 0;
338  list-style-type: square;
339  list-style-image: url(static/3rd/vector/bullet-icon.png) !important;
340  margin: 0.3em 0 1em 1.5em;
341  color: __text_alt__;
342}
343
344div.dokuwiki ol {
345  line-height: 1.5em;
346  padding: 0;
347  list-style-image: none;
348  margin: 0.3em 0 1em 3.2em;
349  color: __text_alt__;
350  font-weight: bold;
351}
352
353div.dokuwiki li ul,
354div.dokuwiki li ol {
355  margin: 0 0 0 1.5em; /* no bottom gap in between and smaller left margin for nested lists */
356}
357
358div.dokuwiki .li {
359  color: __text__;  /* the list items overriding the ul/ol definition */
360  font-weight: normal;
361}
362
363div.dokuwiki ol { list-style-type: decimal; }
364div.dokuwiki ol ol { list-style-type: upper-roman; }
365div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
366div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }
367
368div.dokuwiki li.open {
369  list-style-image: url(static/3rd/dokuwiki/images/open.gif);
370}
371
372div.dokuwiki li.closed {
373  list-style-image: url(static/3rd/dokuwiki/closed.gif);
374}
375
376div.dokuwiki li {
377  margin-left: 0;
378}
379
380/* quotes */
381div#content .dokuwiki blockquote {
382  border-left: 2px solid __border__;
383  padding-left: 3px;
384  padding-right: 0;
385  margin-left: 0.2em;
386}
387
388/* preformatted stuff, source code */
389div#content .dokuwiki code,
390div#content .dokuwiki pre,
391div#content .dokuwiki pre.code,
392div#content .dokuwiki pre.file {
393  font-size: 100%;
394  background-color: #f9f9f9;
395}
396div#content .dokuwiki pre,
397div#content .dokuwiki pre.code,
398div#content .dokuwiki pre.file {
399  line-height: 1.2em;
400  padding: 0.5em;
401  border-style: dashed;
402}
403div#content .dokuwiki dl.file,
404div#content .dokuwiki dl.file dd {
405  margin-left: 0;
406}
407div#content .dokuwiki dl.file dt,
408div#content .dokuwiki dl.code dt {
409  background-color: #f9f9f9;
410  border-bottom: 2px solid #f9f9f9;
411  border-top: 1px dashed __border__;
412  border-left: 1px dashed __border__;
413  border-right: 1px dashed __border__;
414  display: inline;
415  margin-left: 2em;
416  padding: 0.1em 1em;
417}
418div#content .dokuwiki dl.file dt a,
419div#content .dokuwiki dl.code dt a {
420  color: __text__;
421}
422
423/* "you are here" and "breadcrumbs" */
424.catlinks {
425  font-size: 80%;
426  margin-bottom: 1em;
427}
428.catlinks p,
429.catlinks div {
430  margin: 0.3em 0;
431}
432
433/* tables */
434th,
435td {
436  border: 0;
437}
438td[align="right"],
439th[align="right"] {
440  text-align: right;
441}
442div.dokuwiki table.inline {
443  background-color: __background__;
444  min-width: 0;
445}
446div.dokuwiki table.inline th,
447div.dokuwiki table.inline td {
448  border: 1px solid __border__;
449}
450div.dokuwiki table.inline th {
451  background-color: __background_alt__;
452}
453div.dokuwiki table.inline tr:hover th,
454div.dokuwiki table.inline th:hover {
455  background-color: __background_alt__;
456}
457
458/* section edit buttons */
459.dokuwiki .secedit {
460  margin-top: 0;
461}
462div#content .dokuwiki div.secedit input.button {
463  border: 0 none;
464  text-transform: lowercase;
465  color: __existing__;
466  margin: 0;
467  padding: 0;
468  cursor: pointer;
469  background: transparent none;
470}
471
472/* footnotes */
473div.dokuwiki div.fn {
474  font-size: 90%;
475}
476
477/* link to footnote inside the text */
478.dokuwiki sup a.fn_top {
479  font-size: 95%;
480}
481
482/* insitu-footnotes */
483div.insitu-footnote {
484  font-size: 85%;
485  padding: 4px;
486}
487div.insitu-footnote code,
488div.insitu-footnote pre {
489  font-size: 90%;
490}
491
492/* Toolbar */
493button.toolbutton {
494  background-color: __background__;
495  padding: 0px;
496  margin: 0 1px 0 0;
497  border: 1px solid __border__;
498  cursor: pointer;
499}
500
501/* nice alphatransparency background except for IE <7 */
502html>body button.toolbutton {
503  background: __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
504}
505
506div.picker {
507  width: 250px;
508  border: 1px solid __border__;
509  background-color: __background_alt__;
510}
511
512div.pk_hl {
513  width: 125px;
514}
515
516button.pickerbutton {
517  padding: 0px;
518  margin: 0 1px 1px 0;
519  border: 0;
520  background-color: transparent;
521  font-size: 80%;
522  cursor: pointer;
523}
524
525/* gallery plugin compatibilty */
526div.dokuwiki .gallery table,
527div.dokuwiki .gallery td {
528  border: 0 none;
529}
530
531
532/* --------------- sidebar --------------- */
533div#panel {
534  line-height: 15px;
535}
536div#panel .dokuwiki {
537  font-size: 0.75em;
538}
539div#panel a.wikilink1,
540div#panel a.wikilink2,
541div#panel a.urlextern {
542  padding-left: 0;
543  background: transparent none;
544  color: __existing__;
545}
546div#panel .body {
547  margin-right: 0.45em !important;
548  padding-top: 0.25em !important;
549}
550div#panel .body .dokuwiki p {
551  margin: 0;
552}
553div#panel .body .dokuwiki ul li {
554  font-size: 1em !important;
555  padding: 0.25em 0 !important;
556}
557div#panel .body .dokuwiki li ul {
558  font-size: 95% !important;
559  margin: 0.25em 0 0 1em !important;
560}
561div#panel .body .dokuwiki ol {
562  margin: 0 0 0 1.65em;
563}
564/* translation plugin by Anreas Gohr */
565div#panel .body .dokuwiki .plugin_translation span {
566  display: none;
567}
568div#panel .body .dokuwiki .plugin_translation {
569  padding-right: 0 !important;
570  text-align: left;
571}
572div#panel .body .dokuwiki .plugin_translation,
573div#panel .body .dokuwiki .plugin_translation ul,
574div#panel .body .dokuwiki .plugin_translation li {
575  float: none;
576  margin: 0;
577  padding-right: 0;
578  line-height: 1.125em;
579  font-size: 100%;
580}
581div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link,
582div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover,
583div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active,
584div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited,
585div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link,
586div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover,
587div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active,
588div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited {
589  background-color: transparent;
590  margin: 0;
591  padding: 0;
592}
593div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before,
594div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before {
595  content: attr(title) " (";
596}
597div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after,
598div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after {
599  content: ") ";
600}
601div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 {
602  color: __existing__ !important;
603}
604div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 {
605  color: __missing__ !important;
606}
607div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover {
608  text-decoration: underline;
609}
610div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover {
611  text-decoration: underline !important;
612}
613div#panel .body .dokuwiki .plugin_translation select {
614  width: 90%;
615  margin: auto !important;
616  text-align: left;
617}
618div#panel .body .dokuwiki .plugin_translation option,
619div#panel .body .dokuwiki .plugin_translation option.wikilink1,
620div#panel .body .dokuwiki .plugin_translation option.wikilink2 {
621  padding: auto 5px !important;
622  text-align: left;
623}
624
625
626/* --------------- search --------------- */
627/* copy of the original vector id="searchInput" styles cause we have to use
628   another id for DokuWiki */
629div#simpleSearch input#qsearch__in {
630  margin: 0;
631  border-width: 0;
632  padding: 0.25em;
633  line-height: 1em;
634  font-size: 0.8em;
635  width: 14em;
636  background-color: transparent;
637}
638/* Ajax quicksearch */
639#qsearch__out {
640  top: 72px;
641  width: 100%;
642  display: none;
643  left: auto;
644  right: 7.93335px;
645  bottom: auto;
646  height: auto;
647  font-family: sans-serif;
648  font-size: 0.8em;
649  background-color: window;
650  border: 1px solid #aaa;
651  padding: 0;
652}
653#qsearch__out ul {
654  padding: 0;
655  margin: 0;
656  list-style: none;
657}
658#qsearch__out li {
659  color: windowtext;
660  margin: 0;
661  width: 100%;
662  padding: 1px;
663}
664#qsearch__out li a {
665  width: 97%; /* leave some space for browser rounding errors */
666  display: block;
667}
668#qsearch__out li:hover {
669  background-color: #bbb;
670}
671#qsearch__out li a,
672#qsearch__out li a:link,
673#qsearch__out li a:visited,
674#qsearch__out li a:hover {
675  color: windowtext;
676  text-decoration: none;
677}
678
679
680/* --------------- footer --------------- */
681div#footer a.wikilink1,
682div#footer a.wikilink2,
683div#footer a.urlextern {
684  padding-left: 0;
685  background: transparent none;
686  color: __existing__;
687}
688/* default copyright notice layout */
689div#footer #footer-info li#footer-info-copyright .license {
690  font-size: 100%;
691  text-align: left;
692  padding: 0;
693}
694div#footer #footer-info li#footer-info-copyright .license a.urlextern {
695  margin-left: 0.4em;
696}
697
698
699/* --------------- Table of contents (TOC) ---------------  */
700div.dokuwiki div.toc {
701  margin: 1.2em 0 0 2em;
702  float: right;
703  width: 200px;
704  font-size: 80%;
705  clear: both;
706}
707
708div.dokuwiki div.tocheader {
709  border: 1px solid __border__;
710  background-color: __background_alt__;
711  text-align: left;
712  font-weight: bold;
713  padding: 3px;
714  margin-bottom: 2px;
715  line-height: 1.45em;
716}
717
718div.dokuwiki span.toc_open,
719div.dokuwiki span.toc_close {
720  border: 0.4em solid __background_alt__;
721  float: right;
722  display: block;
723  margin: 0.4em 3px 0 0;
724}
725
726div.dokuwiki span.toc_open span,
727div.dokuwiki span.toc_close span {
728  display: none;
729}
730
731div.dokuwiki span.toc_open {
732  margin-top: 0.4em;
733  border-top: 0.4em solid __text__;
734}
735
736div.dokuwiki span.toc_close {
737  margin-top: 0;
738  border-bottom: 0.4em solid __text__;
739}
740
741div.dokuwiki #toc__inside {
742  border: 1px solid __border__;
743  background-color: __background__;
744  text-align: left;
745  padding: 0.5em 0 0.7em 0;
746}
747
748div.dokuwiki ul.toc {
749  list-style-type: none;
750  list-style-image: none;
751  line-height: 1.2em;
752  padding: 0 !important;
753  margin: 0.3em 0 0 1.5em !important;
754}
755
756div.dokuwiki ul.toc li {
757  list-style-image: none;
758  list-style-type: none;
759  background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat;
760  padding-left: 0.4em !important;
761  margin-bottom: 0.1em !important;
762}
763
764div.dokuwiki ul.toc li.clear {
765  background-image: none;
766  padding-left: 0.4em;
767}
768
769div.dokuwiki a.toc:link,
770div.dokuwiki a.toc:visited {
771  color: #436976;
772}
773
774div.dokuwiki a.toc:hover,
775div.dokuwiki a.toc:active {
776  color: __text__;
777}
778
779div.toc,
780div.dokuwiki a.toc,
781div.dokuwiki ul.toc {
782  border: 0 none;
783  background: transparent none;
784  font-size: 100%;
785}
786
787div.dokuwiki ul.toc {
788  padding-top: 0;
789  padding-bottom: 0;
790  padding-left: 1em !important;
791  list-style-type: none !important;
792  list-style-image: none !important;
793  margin: 0 !important;
794}
795
796div.dokuwiki a.toc {
797  padding: 0;
798}
799
800
801/* --------------- generic content classes --------------- */
802div.error,
803div.info,
804div.success,
805div.notify {
806  font-size: 80%;
807  line-height: 1.25em;
808}
809
810
811/* --------------- admin menu --------------- */
812/* editing preview */
813div#content .dokuwiki div.preview {
814  margin-left: 0;
815}
816/* "remeber me" checkbox, login */
817div.dokuwiki form#dw__login label.simple {
818  text-align: center;
819  padding-bottom: 0.4em;
820}
821/* main menu */
822.dokuwiki ul.admin_tasks li {
823  list-style-type: none;
824  list-style-image: none;
825}
826.dokuwiki ul.admin_tasks li a {
827  font-weight: bold;
828}
829/* acl tree */
830#acl__tree li {
831  list-style-image: none;
832  list-style-type: none;
833}
834
835
836/* --------------- media manager --------------- */
837#media__manager {
838  min-heigth: 550px;
839}
840#media__left,
841#media__right {
842  position: relative !important;
843}
844#media__right {
845  padding-left: 0.2em;
846  width: 98%;
847}
848/* make a "non-embedded"/fullpage manager possible trough hiding some stuff */
849body.mmanagernotembedded .noprint,
850body.mmanagernotembedded #siteNotice,
851body.mmanagernotembedded #footer {
852  display: none !important;
853}
854body.mmanagernotembedded #content {
855  margin: 0 !important;
856}
857
858
859/* --------------- search result formating --------------- */
860div.dokuwiki .search_result {
861  margin-bottom: 6px;
862  padding: 0 10px 0 30px;
863}
864
865div.dokuwiki .search_snippet {
866  color: __text_other__;
867  font-size: 12px;
868  margin-left: 20px;
869}
870
871div.dokuwiki .search_sep {
872  color: __text__;
873}
874
875div.dokuwiki .search_hit {
876  color: __text__;
877  background-color: __highlight__;
878}
879div.dokuwiki strong.search_hit {
880  font-weight: normal;
881}
882
883div.dokuwiki div.search_quickresult {
884  margin: 0 0 15px 30px;
885  padding: 0 10px 10px 0;
886  border-bottom: 1px dashed __border__;
887}
888div.dokuwiki div.search_quickresult h3 {
889  margin: 0 0 1.0em 0;
890  font-size: 1em;
891  font-weight: bold;
892}
893
894div.dokuwiki ul.search_quickhits {
895  margin: 0 0 0.5em 1.0em;
896}
897
898div.dokuwiki ul.search_quickhits li {
899  margin: 0 1.0em 0 1.0em;
900  float: left;
901  width: 30%;
902}
903
904div.dokuwiki .section_highlight {
905  background-color: __background_alt__ !important;
906}
907
908/* --------------- image details ----------------- */
909div.dokuwiki div.img_big {
910  float: left;
911  margin-right: 0.5em;
912}
913
914div.dokuwiki dl.img_tags dt {
915  font-weight: bold;
916  background-color: __background_alt__;
917}
918div.dokuwiki dl.img_tags dd {
919  background-color: __background_neu__;
920}
921
922div.dokuwiki div.imagemeta {
923  color: __text_neu__;
924  font-size: 70%;
925  line-height: 95%;
926}
927
928div.dokuwiki div.imagemeta img.thumb {
929  float: left;
930  margin-right: 0.1em;
931}
932
933
934
935/******************************************************************************
936 ********************* Browser Hacks and corrections **************************
937 ******************************************************************************/
938/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */
939textarea,
940.dokuwiki #dw__editform textarea.edit {
941  /* fix scrollbar flickers in IE8 standards mode, see
942     http://j.mp/bHExde and http://j.mp/ad7Abj for details */
943  width: 450px\9;
944  max-width: 100%\9;
945  min-width: 100%\9;
946  /* overwrite original vector with fixes for IE6/7 */
947  #width: 100% !important;
948  border: auto;
949}
950/* ajax quicksearch: MSIE 6/7 */
951* html #qsearch__out {
952  width: 206px;
953}
954#qsearch__out ul {
955  #list-style: none !important;
956  #list-style-image: none !important;
957}
958#qsearch__out li {
959  #width: 206px;
960}
961/* admin menu icons: MSIE 6/7 */
962.dokuwiki ul.admin_tasks li div.li {
963  #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */
964}
965/* list style: MSIE 6/7 */
966div#panel div.portal div.body ul {
967  #list-style: none outside none !important;
968}
969form#page__revisions ul,
970form#dw__recent ul {
971  #list-style: none outside none !important;
972}
973
974