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