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