Better event handling for browser preview refreshs
[phpeclipse.git] / archive / net.sourceforge.phpeclipse.wiki / src / net / sourceforge / phpeclipse / wiki / builder / main.css
1 /*\r
2 ** Mediawiki 'monobook' style sheet for CSS2-capable browsers.\r
3 ** Copyright Gabriel Wicke - http://wikidev.net/\r
4 ** License: GPL\r
5 **\r
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John\r
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,\r
8 ** Michael Zeltner and Geir Bækholt)\r
9 ** All you guys rock :)\r
10 */\r
11 \r
12 #column-content {\r
13     width: 100%;\r
14     float: right;\r
15     margin: 0 0 0.6em -12.2em;\r
16     padding:0;\r
17 }\r
18 #content {\r
19     margin: 2.8em 0 0 12.2em;\r
20     padding: 0em 1em 1.5em 1em;\r
21     background: White;\r
22     border: 1px solid #aaaaaa;\r
23     border-right: none;\r
24     line-height: 1.5em;\r
25     position: relative;\r
26     z-index: 2;\r
27 }\r
28 \r
29 #column-one { padding-top: 160px; }\r
30 /* the left column width is specified in class .portlet */\r
31 \r
32 /* Font size:\r
33 ** We take advantage of keyword scaling- browsers won't go below 9px\r
34 ** More at http://www.w3.org/2003/07/30-font-size\r
35 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html\r
36 */\r
37 \r
38 body {\r
39     font: x-small sans-serif;\r
40     background: #f9f9f9;\r
41     color: Black;\r
42     margin: 0;\r
43     padding: 0;\r
44 }\r
45 \r
46 /* scale back up to a sane default */\r
47 #globalWrapper {\r
48     font-size:127%;\r
49     width: 100%;\r
50     margin: 0;\r
51     padding: 0;\r
52 }\r
53 .visualClear { clear: both; }\r
54 \r
55 /* general styles */\r
56 \r
57 table {\r
58     font-size: 100%;\r
59     background: White;\r
60 }\r
61 a {\r
62     text-decoration: none;\r
63     color: #002bb8;\r
64     background: none;\r
65 }\r
66 a:visited { color: #5a3696; }\r
67 a:active { color: Orange; }\r
68 a:hover { text-decoration: underline; }\r
69 a.stub { color: #772233; }\r
70 a.new,\r
71 #p-personal a.new { color:#ba0000; }\r
72 a.new:visited,\r
73 #p-personal a.new:visited { color:#a55858; }\r
74 \r
75 img {\r
76     border: none;\r
77     vertical-align: middle;\r
78 }\r
79 p {\r
80     margin: 0.4em 0em 0.5em 0em;\r
81     line-height: 1.5em;\r
82 }\r
83 \r
84 p img { margin: 0; }\r
85 \r
86 hr {\r
87     height: 1px;\r
88     color: #aaaaaa;\r
89     background-color: #aaaaaa;\r
90     border: 0;\r
91     margin: 0.2em 0 0.2em 0;\r
92 }\r
93 \r
94 h1, h2, h3, h4, h5, h6 {\r
95     color: Black;\r
96     background: none;\r
97     font-weight: normal;\r
98     margin: 0;\r
99     padding-top: 0.5em;\r
100     padding-bottom: 0.17em;\r
101     border-bottom: 1px solid #aaaaaa;\r
102 }\r
103 h1 { font-size: 188%; }\r
104 h2 { font-size: 150%; }\r
105 h3, h4, h5, h6 { \r
106     border-bottom: none;\r
107     font-weight: bold;\r
108 }\r
109 h3 { font-size: 132%; }\r
110 h4 { font-size: 116%; }\r
111 h5 { font-size: 100%; }\r
112 h6 { font-size: 80%;  }\r
113 \r
114 ul { \r
115     line-height: 1.5em;\r
116     list-style-type: square;\r
117     margin: 0.3em 0 0 1.5em;\r
118     padding:0;\r
119     list-style-image: url("bullet.gif");\r
120 }\r
121 ol {\r
122     line-height: 1.5em;\r
123     margin: 0.3em 0 0 3.2em;\r
124     padding:0;\r
125     list-style-image: none;\r
126 }\r
127 li { margin-bottom: 0.1em; }\r
128 dt { \r
129     font-weight: bold; \r
130     margin-bottom: 0.1em;\r
131 }\r
132 dl{\r
133     margin-top: 0.2em;\r
134     margin-bottom: 0.5em;\r
135 }\r
136 dd {\r
137     line-height: 1.5em;\r
138     margin-left: 2em;\r
139     margin-bottom: 0.1em;\r
140 }\r
141 \r
142 fieldset {\r
143     border: 1px solid #2f6fab;\r
144     margin: 1em 0em 1em 0em;\r
145     padding: 0em 1em 1em 1em;\r
146     line-height: 1.5em;\r
147 }\r
148 legend {\r
149     background: White;\r
150     padding: 0.5em;\r
151     font-size: 95%;\r
152 }\r
153 form {\r
154     border: none;\r
155     margin: 0;\r
156 }\r
157 \r
158 textarea {\r
159     border: 1px solid #2f6fab;  \r
160     color: Black;\r
161     background-color: white;\r
162     width: 100%;\r
163     padding: 0.1em;\r
164     overflow: auto;\r
165 }\r
166 /* hide this from ie/mac and konq2.2 */\r
167 @media All {\r
168     head:first-child+body input {\r
169         visibility: visible;\r
170         border: 1px solid #2f6fab;  \r
171         color: Black;\r
172         background-color: white;\r
173         vertical-align: middle;\r
174         padding: 0.2em;\r
175     }\r
176 }\r
177 input.historysubmit {\r
178     padding: 0 0.3em 0.3em 0.3em !important;\r
179     font-size: 94%;\r
180     cursor: pointer;\r
181     height: 1.7em !important;\r
182     margin-left: 1.6em;\r
183 }\r
184 input[type="radio"],\r
185 input[type="checkbox"] { border:none; }\r
186 select {\r
187     border: 1px solid #2f6fab;  \r
188     color: Black;\r
189     vertical-align: top;\r
190 }\r
191 abbr, acronym, .explain {\r
192     border-bottom: 1px dotted Black;\r
193     color: Black;\r
194     background: none;\r
195     cursor: help;\r
196 }\r
197 q {\r
198     font-family: Times, "Times New Roman", serif;\r
199     font-style: italic;\r
200 }\r
201 /* disabled for now\r
202 blockquote {\r
203     font-family: Times, "Times New Roman", serif;\r
204     font-style: italic;\r
205 }*/\r
206 code { background-color: #f9f9f9; }\r
207 pre {\r
208     padding: 1em;\r
209     border: 1px dashed #2f6fab;\r
210     color: Black;\r
211     background-color: #f9f9f9;\r
212     line-height: 1.1em;\r
213 }\r
214 \r
215 \r
216 /*\r
217 ** the main content area\r
218 */\r
219 \r
220 #siteSub { display: none; }\r
221 #contentSub {\r
222     font-size: 84%;\r
223     line-height: 1.2em;\r
224     margin: 0 0 1.4em 1em;\r
225     color: #7d7d7d;\r
226     width: auto;\r
227 }\r
228 span.subpages { display: block; }\r
229 \r
230 /* Some space under the headers in the content area */\r
231 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }\r
232 #bodyContent h3,\r
233 #bodyContent h4,\r
234 #bodyContent h5 {\r
235     margin-bottom: 0.3em;\r
236 }\r
237 .firstHeading { margin-bottom:0.1em; }\r
238 \r
239 /* user notification thing */\r
240 .usermessage {\r
241     background-color: #ffce7b;\r
242     border: 1px solid #ffa500;\r
243     color: Black;\r
244     font-weight: bold;\r
245     margin: 2em 0em 1em 0em;\r
246     padding: 0.5em 1em;\r
247     vertical-align: middle;\r
248 }\r
249 #siteNotice {\r
250     text-align: center;\r
251     font-size: 95%;\r
252     padding: 0 0.9em 0 0.9em;\r
253 }\r
254 #siteNotice p { margin: none; padding: none; }\r
255 .error {\r
256     color: red;\r
257     font-size: larger;\r
258 }\r
259 #catlinks {\r
260     border:1px solid #aaaaaa;\r
261     background-color:#f9f9f9;\r
262     padding:5px;\r
263     margin-top: 1em;\r
264     clear: both;\r
265 }\r
266 /* currently unused, intended to be used by a metadata box\r
267 in the bottom-right corner of the content area */\r
268 .documentDescription {\r
269     /* The summary text describing the document */\r
270     font-weight: bold;\r
271     display: block;\r
272     margin: 1em 0em;\r
273     line-height: 1.5em;\r
274 }\r
275 .documentByLine {\r
276     text-align: right;\r
277     font-size: 90%;\r
278     clear: both;\r
279     font-weight: normal;\r
280     color: #76797c;\r
281 }\r
282 \r
283 /* emulate center */\r
284 .center {\r
285     width: 100%;\r
286     text-align: center;\r
287 }\r
288 *.center * {\r
289     margin-left: auto;\r
290     margin-right: auto;\r
291 }\r
292 /* small for tables and similar */\r
293 .small, .small * { font-size: 94%; }\r
294 table.small { font-size: 100% }\r
295 \r
296 /*\r
297 ** content styles\r
298 */\r
299 \r
300 #toc { \r
301     /*border:1px solid #2f6fab;*/\r
302     border:1px solid #aaaaaa;\r
303     background-color:#f9f9f9;\r
304     padding:5px;\r
305     font-size: 95%;\r
306 }\r
307 #toc .tocindent { margin-left: 2em; }\r
308 #toc .tocline { margin-bottom: 0px; }\r
309 #toc p { margin: 0 }\r
310 #toc .toctoggle { font-size: 94%; }\r
311 #toc .editsection { \r
312     margin-top: 0.7em; \r
313     font-size: 94%;\r
314 }\r
315 \r
316 /* images */\r
317 div.floatright, table.floatright {\r
318     clear: right;\r
319     float: right; \r
320     margin: 0;\r
321     position: relative;\r
322     border: 0.5em solid White;\r
323     border-width: 0.5em 0 0.8em 1.4em;\r
324 }\r
325 div.floatright p { font-style: italic; } \r
326 div.floatleft, table.floatleft {\r
327     float: left; \r
328     margin: 0.3em 0.5em 0.5em 0;\r
329     position: relative;\r
330     border: 0.5em solid White;\r
331     border-width: 0.5em 1.4em 0.8em 0;\r
332 }\r
333 div.floatleft p { font-style: italic; } \r
334 /* thumbnails */\r
335 div.thumb {\r
336     margin-bottom: 0.5em;\r
337     border-style: solid; border-color: White;\r
338     width: auto;\r
339 }\r
340 div.thumb div {\r
341     border:1px solid #cccccc;\r
342     padding: 3px !important;\r
343     background-color:#f9f9f9;\r
344     font-size: 94%;\r
345     text-align: center;\r
346     overflow: hidden;\r
347 }\r
348 div.thumb div a img {\r
349     border:1px solid #cccccc;\r
350 }\r
351 div.thumb div div.thumbcaption {\r
352     border: none;\r
353     text-align: left;\r
354     line-height: 1.4;\r
355     padding: 0.3em 0 0.1em 0;\r
356 }\r
357 div.magnify {\r
358     float: right;\r
359     border: none !important;\r
360     background: none !important;\r
361 }\r
362 div.magnify a, div.magnify img {\r
363     display: block;\r
364     border: none !important;\r
365     background: none !important;\r
366 }\r
367 div.tright {\r
368     clear: right;\r
369     float: right;\r
370     border-width: 0.5em 0 0.8em 1.4em;\r
371 }\r
372 div.tleft {\r
373     float: left;\r
374     margin-right:0.5em;\r
375     border-width: 0.5em 1.4em 0.8em 0;\r
376 }\r
377 .urlexpansion,\r
378 .hiddenStructure {\r
379     display: none;\r
380 }\r
381 img.tex { vertical-align: middle; }\r
382 span.texhtml { font-family: serif; }\r
383 \r
384 /*\r
385 ** classes for special content elements like town boxes\r
386 ** intended to be referenced directly from the wiki src\r
387 */\r
388 \r
389 /*\r
390 ** User styles\r
391 */\r
392 /* table standards */\r
393 table.rimage {\r
394     float:right; \r
395     position:relative;\r
396     margin-left:1em; \r
397     margin-bottom:1em;\r
398     text-align:center;\r
399 }\r
400 .toccolours { \r
401     border:1px solid #aaaaaa;\r
402     background-color:#f9f9f9;\r
403     padding:5px;\r
404     font-size: 95%;\r
405 }\r
406 div.townBox {\r
407     position:relative;\r
408     float:right;\r
409     background:White;\r
410     margin-left:1em;\r
411     border: 1px solid Grey;\r
412     padding:0.3em;\r
413     width: 200px;\r
414     overflow: hidden;\r
415     clear: right;\r
416 }\r
417 div.townBox dl {\r
418     padding: 0;\r
419     margin: 0 0 0.3em 0; \r
420     font-size: 96%;\r
421 }\r
422 div.townBox dl dt {\r
423     background: none;\r
424     margin: 0.4em 0 0 0;\r
425 }\r
426 div.townBox dl dd {\r
427     margin: 0.1em 0 0 1.1em;\r
428     background-color: #f3f3f3;\r
429 }\r
430 \r
431 /*\r
432 ** edit views etc\r
433 */\r
434 .special li {\r
435     line-height: 1.4em;\r
436     margin: 0;\r
437     padding: 0;\r
438 }\r
439 \r
440 /* Page history styling */\r
441 /* the auto-generated edit comments */\r
442 .autocomment { color: gray; }\r
443 #pagehistory span.user { \r
444     margin-left: 1.4em;\r
445     margin-right: 0.4em;\r
446 }\r
447 #pagehistory span.minor { font-weight: bold; }\r
448 #pagehistory li { border: 1px solid White; }\r
449 #pagehistory li.selected { \r
450     background-color:#f9f9f9;\r
451     border:1px dashed #aaaaaa;\r
452 }\r
453 /*\r
454 ** Diff rendering\r
455 */\r
456 table.diff { background:white; }\r
457 td.diff-otitle { background:#ffffff; }\r
458 td.diff-ntitle { background:#ffffff; }\r
459 td.diff-addedline { \r
460     background:#ccffcc;\r
461     font-size: smaller;\r
462 }\r
463 td.diff-deletedline { \r
464     background:#ffffaa;\r
465     font-size: smaller;\r
466 }\r
467 td.diff-context {\r
468     background:#eeeeee;\r
469     font-size: smaller;\r
470 }\r
471 span.diffchange { color: red; }\r
472 \r
473 /* \r
474 ** keep the whitespace in front of the ^=, hides rule from konqueror\r
475 ** this is css3, the validator doesn't like it when validating as css2 \r
476 */\r
477 #bodyContent a[href ^="http://"],\r
478 #bodyContent a[href ^="gopher://"] {\r
479     background: url(external.png) center right no-repeat;\r
480     padding-right: 13px;\r
481 }\r
482 #bodyContent a[href ^="https://"],\r
483 .link-https {\r
484     background: url("lock_icon.gif") center right no-repeat;\r
485     padding-right: 16px;\r
486 }\r
487 #bodyContent a[href ^="mailto:"],\r
488 .link-mailto {\r
489     background: url("mail_icon.gif") center right no-repeat;\r
490     padding-right: 18px;\r
491 }\r
492 #bodyContent a[href ^="news://"] {\r
493     background: url("news_icon.png") center right no-repeat;\r
494     padding-right: 18px;\r
495 }\r
496 #bodyContent a[href ^="ftp://"],\r
497 .link-ftp {\r
498     background: url("file_icon.gif") center right no-repeat;\r
499     padding-right: 18px;\r
500 }\r
501 #bodyContent a[href ^="irc://"],\r
502 .link-irc {\r
503     background: url("discussionitem_icon.gif")  center right no-repeat;\r
504     padding-right: 18px;\r
505 }\r
506 /* disable interwiki styling */\r
507 #bodyContent a.extiw,\r
508 #bodyContent a.extiw:active {\r
509     color: #3366bb;\r
510     background: none;\r
511     padding: 0;\r
512 }\r
513 #bodyContent a.external { color: #3366bb; }\r
514 /* this can be used in the content area to switch off\r
515 special external link styling */\r
516 #bodyContent .plainlinks a {\r
517     background: none !important;\r
518     padding: 0;\r
519 }\r
520 /*\r
521 ** Structural Elements\r
522 */\r
523 \r
524 /*\r
525 ** general portlet styles (elements in the quickbar)\r
526 */\r
527 .portlet {\r
528     border: none;\r
529     margin: 0 0 0.5em 0em;\r
530     float: none;\r
531     padding: 0;\r
532     width: 11.6em;\r
533     overflow: hidden;\r
534 }\r
535 .portlet h4 {\r
536     font-size: 95%;\r
537     font-weight: normal;\r
538     white-space: nowrap;\r
539 }\r
540 .portlet h5 { \r
541     background: transparent;\r
542     padding: 0em 1em 0em 0.5em;\r
543     text-transform: lowercase;\r
544     display: inline;\r
545     font-size: 91%;\r
546     height: 1em;\r
547     font-weight: normal;\r
548     white-space: nowrap;\r
549 }\r
550 .portlet h6 { \r
551     background: #ffae2e;\r
552     border: 1px solid #2f6fab;\r
553     border-style: solid solid none solid;\r
554     padding: 0em 1em 0em 1em;\r
555     text-transform: lowercase;\r
556     display: block;\r
557     font-size: 1em;\r
558     height: 1.2em;\r
559     font-weight: normal;\r
560     white-space: nowrap;\r
561 }\r
562 .pBody {\r
563     font-size: 95%;\r
564     background: White;\r
565     border-collapse: collapse;\r
566     border: 1px solid #aaaaaa;\r
567     padding: 0 0.8em 0.3em 0.5em;\r
568 }\r
569 .portlet h1, \r
570 .portlet h2, \r
571 .portlet h3, \r
572 .portlet h4 {\r
573     margin: 0;\r
574     padding: 0;\r
575 }\r
576 .portlet ul {\r
577     line-height: 1.5em;\r
578     list-style-type: square;\r
579     list-style-image: url("bullet.gif");\r
580     font-size:95%;\r
581 }\r
582 .portlet li {\r
583     padding:0;\r
584     margin: 0 0 0 0;\r
585     margin-bottom: 0;\r
586 }\r
587 \r
588 /* \r
589 ** Logo properties \r
590 */\r
591 \r
592 #p-logo {\r
593     z-index: 3;\r
594     position:absolute; /*needed to use z-index */\r
595     top: 0;\r
596     left: 0;\r
597     height: 155px;\r
598     width: 12em;\r
599     overflow: visible;\r
600 }\r
601 #p-logo h5 { display: none; }\r
602 #p-logo a,\r
603 #p-logo a:hover {\r
604     display: block;\r
605     height: 155px;\r
606     width: 12.2em;\r
607     background-repeat: no-repeat;\r
608     background-position: 35% 50% !important;\r
609     text-decoration: none;\r
610 }\r
611 \r
612 /*\r
613 ** the navigation portlet\r
614 */\r
615 \r
616 #p-nav {\r
617     position:relative;\r
618     z-index:3;\r
619 }\r
620 \r
621 /*\r
622 ** Search portlet\r
623 */\r
624 #p-search {\r
625     position:relative;\r
626     z-index:3;\r
627 }    \r
628 #p-search .pBody {\r
629     text-align: center;\r
630 }\r
631 input.searchButton {\r
632     margin-top:1px;\r
633     padding: 0 0.4em !important;\r
634     font-size: 95%;\r
635     cursor: pointer;\r
636     background-color: White;\r
637     border: 1px solid #2f6fab;  \r
638 }\r
639 #searchInput {\r
640     border: 1px solid #2f6fab;  \r
641     width:10.9em;\r
642     margin: 0 0 0 0;\r
643     font-size: 95%;\r
644 }\r
645 #p-search .pBody {\r
646     padding: 0.5em 0.4em 0.4em 0.4em;\r
647 }\r
648 \r
649 /* \r
650 ** the personal toolbar\r
651 */\r
652 \r
653 #p-personal {\r
654     width:100%;\r
655     white-space:nowrap;\r
656     padding:0 0 0 0;\r
657     margin:0;\r
658     position:absolute;\r
659     left:0px;\r
660     top:0px;\r
661     z-index: 0;\r
662     border: none;\r
663     background: none;\r
664     overflow: visible;\r
665     line-height: 1.2em;\r
666 }\r
667 \r
668 #p-personal h5 {\r
669     display:none;\r
670 }\r
671 #p-personal .portlet,\r
672 #p-personal .pBody {\r
673     padding:0;\r
674     margin:0;\r
675     border: none;\r
676     z-index:0;\r
677     overflow: visible;\r
678     background: none;\r
679 }\r
680 /* this is the ul contained in the portlet */\r
681 #p-personal ul {\r
682     border: none;\r
683     line-height: 1.4em;\r
684     color: #2f6fab;\r
685     padding: 0em 2em 0 3em;\r
686     margin: 0;\r
687     text-align: right;\r
688     text-transform: lowercase;\r
689     list-style: none;\r
690     z-index:0;\r
691     background: none;\r
692 }\r
693 #p-personal li {\r
694     z-index:0;\r
695     border:none;\r
696     padding:0;\r
697     display: inline;\r
698     color: #2f6fab;\r
699     margin-left: 1em;\r
700     line-height: 1.2em;\r
701     background: none;\r
702 }\r
703 #p-personal li a {\r
704     text-decoration: none;\r
705     color: #005896;\r
706     padding-bottom: 0.2em;\r
707     background: none;\r
708 }\r
709 #p-personal li a:hover {\r
710     background-color: White;\r
711     padding-bottom: 0.2em;\r
712     text-decoration: none;\r
713 }\r
714 \r
715 /* the icon in front of the user name, single quotes\r
716 in bg url to hide it from iemac */\r
717 li#pt-userpage,\r
718 li#pt-anonuserpage,\r
719 li#pt-login {\r
720     background:  url('user.gif') top left no-repeat;\r
721     background-repeat: no-repeat;\r
722     padding-left: 20px;\r
723     text-transform: none;\r
724 }\r
725 \r
726 /*\r
727 ** the page-related actions- page/talk, edit etc \r
728 */\r
729 #p-cactions {\r
730     position:absolute;\r
731     top: 1.3em;\r
732     left: 11.5em;\r
733     margin: 0;\r
734     white-space:nowrap;\r
735     width: 76%;\r
736     line-height: 1.1em;\r
737     overflow: visible;\r
738     background: none;\r
739     border-collapse: collapse;\r
740     padding-left: 1em;\r
741     list-style: none;\r
742     font-size: 95%;\r
743 }\r
744 #p-cactions .hiddenStructure { display: none; }\r
745 #p-cactions ul {\r
746     list-style: none;\r
747 }\r
748 #p-cactions li {\r
749     display: inline;\r
750     border: 1px solid #aaaaaa;\r
751     border-bottom: none;\r
752     padding: 0 0 0.1em 0;\r
753     margin: 0 0.3em 0 0;\r
754     overflow: visible;\r
755     background: White;\r
756 }\r
757 #p-cactions li.selected {\r
758     border-color: #fabd23;\r
759     padding: 0 0 0.2em 0;\r
760 }\r
761 #p-cactions li a {\r
762     background-color: White;\r
763     color: #002bb8;\r
764     border: none;\r
765     padding: 0 0.8em 0.3em 0.8em;\r
766     text-decoration: none;\r
767     text-transform: lowercase;\r
768     position: relative;\r
769     z-index: 0;\r
770     margin: 0;\r
771 }\r
772 #p-cactions .selected a { z-index: 3; }\r
773 #p-cactions .new a { color:#ba0000; }\r
774 #p-cactions li a:hover {\r
775     z-index: 3;\r
776     text-decoration: none;\r
777 }\r
778 #p-cactions h5 { display: none; }\r
779 #p-cactions li.istalk { margin-right: 0; }\r
780 #p-cactions li.istalk a { padding-right: 0.5em; }\r
781 #p-cactions #ca-addsection a { \r
782     padding-left: 0.4em;\r
783     padding-right: 0.4em;\r
784 }\r
785 /* offsets to distinguish the tab groups */\r
786 li#ca-talk { margin-right: 1.6em; }\r
787 li#ca-watch, li#ca-watch { margin-left: 1.6em; }\r
788 \r
789 \r
790 /*\r
791 ** the remaining portlets\r
792 */\r
793 #p-tbx,\r
794 #p-lang {\r
795     position:relative;\r
796     z-index:3;\r
797 }\r
798 \r
799 /*\r
800 ** footer\r
801 */\r
802 #footer {\r
803     background-color: White;\r
804     border-top: 1px solid #fabd23;\r
805     border-bottom: 1px solid #fabd23;\r
806     margin: 0.6em 0em 1em 0em;\r
807     padding: 0.4em 0em 1.2em 0em;\r
808     text-align: center;\r
809     font-size: 90%;\r
810 }\r
811 #footer li {\r
812     display: inline;\r
813     margin: 0 1.3em;\r
814 }\r
815 /* hide from incapable browsers */\r
816 head:first-child+body #footer li { white-space: nowrap; }\r
817 #f-poweredbyico, #f-copyrightico {\r
818     margin: 0 8px;\r
819     position: relative;\r
820     top: -2px; /* Bump it up just a tad */\r
821 }\r
822 #f-poweredbyico {\r
823     float: right;\r
824     height: 1%;\r
825 }\r
826 #f-copyrightico {\r
827     float: left;\r
828     height: 1%;\r
829 }\r
830 \r
831 /* js pref toc */\r
832 #preftoc { \r
833     float: left;\r
834     margin: 1em 1em 1em 1em;\r
835     width: 13em;\r
836 }\r
837 #preftoc li { border: 1px solid White; }\r
838 #preftoc li.selected { \r
839     background-color:#f9f9f9;\r
840     border:1px dashed #aaaaaa;\r
841 }\r
842 #preftoc a,\r
843 #preftoc a:active {\r
844     display: block;\r
845     color: #0014a6;\r
846 }\r
847 #prefcontrol { \r
848     clear: both;\r
849     float: left;\r
850     margin-top: 1em;\r
851 }\r
852 div.prefsectiontip { \r
853     font-size: 95%;\r
854     margin-top: 1em;\r
855 }\r
856 fieldset.operaprefsection { margin-left: 15em }\r
857 \r
858 /* \r
859 ** IE/Mac fixes, hope to find a validating way to move this\r
860 ** to a separate stylesheet. This would work but doesn't validate: \r
861 ** @import("IEMacFixes.css");\r
862 */\r
863 /* tabs: border on the a, not the div */\r
864 * > html #p-cactions li { border:none; }\r
865 * > html #p-cactions li a {\r
866     border: 1px solid #aaaaaa;\r
867     border-bottom: none;\r
868 }\r
869 * > html #p-cactions li.selected a { border-color: #fabd23; }\r
870 /* footer icons need a fixed width */\r
871 * > html #f-poweredbyico,\r
872 * > html #f-copyrightico { width: 88px; }\r
873 * > html #bodyContent,\r
874 * > html #bodyContent pre {\r
875     overflow-x: auto;\r
876     width: 100%;\r
877     padding-bottom: 25px;\r
878 }\r
879 \r
880 /* more IE fixes */\r
881 /* float/negative margin brokenness */\r
882 * html #footer {margin-top: 0;}\r
883 * html #column-content {\r
884     display: inline;\r
885     margin-bottom: 0;\r
886 }\r
887 * html div.editsection { font-size: smaller; }\r
888 #pagehistory li.selected { position: relative; }\r
889 \r
890 /* Mac IE 5.0 fix; floated content turns invisible */\r
891 * > html #column-content {\r
892     float: none;\r
893 }\r
894 * > html #column-one {\r
895     position: absolute;\r
896     left: 0;\r
897     top: 0;\r
898 }\r
899 * > html #footer {\r
900     margin-left: 13.2em;\r
901 }\r
902 \r
903 .printfooter {\r
904         display: none;\r
905 }\r
906 \r
907 .sharedUploadNotice {\r
908         font-style: italic;\r
909 }\r
910 \r
911  /*Großbuchstaben in den Navigationsbereichen*/\r
912  .portlet h5,.portlet h6,#p-personal ul,#p-cactions li a{text-transform:none;}\r
913 \r
914  /*Personennamen in Kapitälchen: <font class="Person">Name</font>*/\r
915  .Person{display:inline;font-variant:small-caps}\r
916 \r
917  /*Ausschalten der foundraising-Nachricht*/\r
918 \r
919  /*fetter bearbeiten-link*/\r
920  #ca-edit a{font-weight:bold !important;}\r
921 \r
922  /*sitenotice*/\r
923  /*#siteNotice{font-size: x-small}*/\r
924 \r
925  /* Make all non-namespace pages have a light blue content area. This is done by\r
926     setting the background color for all #content areas to light blue and then\r
927     overriding it for any #content enclosed in a .ns-0 (main namespace). I then\r
928     do the same for the "tab" background colors. --Lupo */\r
929 \r
930  #content, #mytabs li.selected a, #p-cactions li.selected a {\r
931     background-color: #F3F3FF; /* ein leichtes blau */\r
932  }\r
933 \r
934  .ns-0 #content, .ns-0 #mytabs li.selected a,  .ns-0 #p-cactions li.selected a {\r
935     background-color: white;\r
936  }\r
937 \r
938  .ns--1 table, .ns-2 table, .ns-4 table, .ns--1 form { \r
939     background: inherit;\r
940   }\r
941   \r
942  /* Categorien etwas schöner darstellen */\r
943  #catlinks {\r
944    border: 0px;\r
945    border-top: 2px dotted #aaaaaa;\r
946  }\r
947  \r
948  /* Metadaten */\r
949  table.metadata {\r
950    border:1px solid #AAA;\r
951    /* display:none; // ausschalten */\r
952  }\r
953  .metadata-label {\r
954    color:#AAA;\r
955  }\r
956   \r
957 \r
958  \r
959  /*SideBox analog Townbox*/\r
960 \r
961  div.sideBox {\r
962     position:relative;\r
963     float:right;\r
964     background:White;\r
965     margin-left:1em;\r
966     border: 1px solid Grey;\r
967 \r
968     padding:0.3em;\r
969     width: 200px;\r
970     overflow: hidden;\r
971     clear: right;\r
972  }\r
973  div.sideBox dl {\r
974     padding: 0;\r
975     margin: 0 0 0.3em 0; \r
976     font-size: 96%;\r
977  }\r
978  div.sideBox dl dt {\r
979     background: none;\r
980     margin: 0.4em 0 0 0;\r
981  }\r
982  div.sideBox dl dd {\r
983     margin: 0.1em 0 0 1.1em;\r
984     background-color: #f3f3f3;\r
985  }\r
986 \r
987  /* Standard Navigationsleisten */\r
988  \r
989  div.BoxenVerschmelzen, div.NavFrame {\r
990      margin:0px;\r
991      padding:2px;\r
992      border:1px solid #AAAAAA;\r
993      text-align:center;\r
994      border-collapse:collapse;\r
995      font-size:95%;\r
996  }\r
997  div.BoxenVerschmelzen div.NavFrame {\r
998      border-style:none;\r
999      border-style:hidden;\r
1000  }\r
1001  div.NavFrame + div.NavFrame {\r
1002      border-top-style:none;\r
1003      border-top-style:hidden;\r
1004  }\r
1005  div.NavPic {\r
1006      background-color:#FFFFFF;\r
1007      margin:0px;\r
1008      padding:2px;\r
1009      float:left;\r
1010  }\r
1011  div.NavFrame div.NavHead {\r
1012      height:1.6em;\r
1013      font-weight:bold;\r
1014      font-size:100%;\r
1015      background-color:#EFEFEF;\r
1016  }\r
1017  div.NavFrame p {\r
1018      font-size:100%;\r
1019  }\r
1020  div.NavFrame div.NavContent {\r
1021      font-size:100%;\r
1022  }\r
1023  div.NavFrame div.NavContent p {\r
1024      font-size:100%;\r
1025  }\r
1026  div.NavEnd {\r
1027      margin:0px;\r
1028      padding:0px;\r
1029      line-height:1px;\r
1030      clear:both;\r
1031  }\r
1032  \r
1033   /* Do not print navigation bar elements. They should not appear on paper */\r
1034  @media print{\r
1035     .NavFrame { display:none; }\r
1036     .BoxenVerschmelzen { display:none; }\r
1037  }\r
1038  \r
1039  caption { font-size: 105%; font-weight: bold; }