2 ** Mediawiki 'monobook' style sheet for CSS2-capable browsers.
\r
3 ** Copyright Gabriel Wicke - http://wikidev.net/
\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
15 margin: 0 0 0.6em -12.2em;
\r
19 margin: 2.8em 0 0 12.2em;
\r
20 padding: 0em 1em 1.5em 1em;
\r
22 border: 1px solid #aaaaaa;
\r
29 #column-one { padding-top: 160px; }
\r
30 /* the left column width is specified in class .portlet */
\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
39 font: x-small sans-serif;
\r
40 background: #f9f9f9;
\r
46 /* scale back up to a sane default */
\r
53 .visualClear { clear: both; }
\r
55 /* general styles */
\r
62 text-decoration: none;
\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
71 #p-personal a.new { color:#ba0000; }
\r
73 #p-personal a.new:visited { color:#a55858; }
\r
77 vertical-align: middle;
\r
80 margin: 0.4em 0em 0.5em 0em;
\r
84 p img { margin: 0; }
\r
89 background-color: #aaaaaa;
\r
91 margin: 0.2em 0 0.2em 0;
\r
94 h1, h2, h3, h4, h5, h6 {
\r
97 font-weight: normal;
\r
100 padding-bottom: 0.17em;
\r
101 border-bottom: 1px solid #aaaaaa;
\r
103 h1 { font-size: 188%; }
\r
104 h2 { font-size: 150%; }
\r
106 border-bottom: none;
\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
115 line-height: 1.5em;
\r
116 list-style-type: square;
\r
117 margin: 0.3em 0 0 1.5em;
\r
119 list-style-image: url("bullet.gif");
\r
122 line-height: 1.5em;
\r
123 margin: 0.3em 0 0 3.2em;
\r
125 list-style-image: none;
\r
127 li { margin-bottom: 0.1em; }
\r
129 font-weight: bold;
\r
130 margin-bottom: 0.1em;
\r
134 margin-bottom: 0.5em;
\r
137 line-height: 1.5em;
\r
139 margin-bottom: 0.1em;
\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
159 border: 1px solid #2f6fab;
\r
161 background-color: white;
\r
166 /* hide this from ie/mac and konq2.2 */
\r
168 head:first-child+body input {
\r
169 visibility: visible;
\r
170 border: 1px solid #2f6fab;
\r
172 background-color: white;
\r
173 vertical-align: middle;
\r
177 input.historysubmit {
\r
178 padding: 0 0.3em 0.3em 0.3em !important;
\r
181 height: 1.7em !important;
\r
182 margin-left: 1.6em;
\r
184 input[type="radio"],
\r
185 input[type="checkbox"] { border:none; }
\r
187 border: 1px solid #2f6fab;
\r
189 vertical-align: top;
\r
191 abbr, acronym, .explain {
\r
192 border-bottom: 1px dotted Black;
\r
198 font-family: Times, "Times New Roman", serif;
\r
199 font-style: italic;
\r
201 /* disabled for now
\r
203 font-family: Times, "Times New Roman", serif;
\r
204 font-style: italic;
\r
206 code { background-color: #f9f9f9; }
\r
209 border: 1px dashed #2f6fab;
\r
211 background-color: #f9f9f9;
\r
212 line-height: 1.1em;
\r
217 ** the main content area
\r
220 #siteSub { display: none; }
\r
223 line-height: 1.2em;
\r
224 margin: 0 0 1.4em 1em;
\r
228 span.subpages { display: block; }
\r
230 /* Some space under the headers in the content area */
\r
231 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
\r
235 margin-bottom: 0.3em;
\r
237 .firstHeading { margin-bottom:0.1em; }
\r
239 /* user notification thing */
\r
241 background-color: #ffce7b;
\r
242 border: 1px solid #ffa500;
\r
245 margin: 2em 0em 1em 0em;
\r
246 padding: 0.5em 1em;
\r
247 vertical-align: middle;
\r
250 text-align: center;
\r
252 padding: 0 0.9em 0 0.9em;
\r
254 #siteNotice p { margin: none; padding: none; }
\r
260 border:1px solid #aaaaaa;
\r
261 background-color:#f9f9f9;
\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
273 line-height: 1.5em;
\r
279 font-weight: normal;
\r
283 /* emulate center */
\r
286 text-align: center;
\r
290 margin-right: auto;
\r
292 /* small for tables and similar */
\r
293 .small, .small * { font-size: 94%; }
\r
294 table.small { font-size: 100% }
\r
301 /*border:1px solid #2f6fab;*/
\r
302 border:1px solid #aaaaaa;
\r
303 background-color:#f9f9f9;
\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
317 div.floatright, table.floatright {
\r
321 position: relative;
\r
322 border: 0.5em solid White;
\r
323 border-width: 0.5em 0 0.8em 1.4em;
\r
325 div.floatright p { font-style: italic; }
\r
326 div.floatleft, table.floatleft {
\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
333 div.floatleft p { font-style: italic; }
\r
336 margin-bottom: 0.5em;
\r
337 border-style: solid; border-color: White;
\r
341 border:1px solid #cccccc;
\r
342 padding: 3px !important;
\r
343 background-color:#f9f9f9;
\r
345 text-align: center;
\r
348 div.thumb div a img {
\r
349 border:1px solid #cccccc;
\r
351 div.thumb div div.thumbcaption {
\r
355 padding: 0.3em 0 0.1em 0;
\r
359 border: none !important;
\r
360 background: none !important;
\r
362 div.magnify a, div.magnify img {
\r
364 border: none !important;
\r
365 background: none !important;
\r
370 border-width: 0.5em 0 0.8em 1.4em;
\r
374 margin-right:0.5em;
\r
375 border-width: 0.5em 1.4em 0.8em 0;
\r
381 img.tex { vertical-align: middle; }
\r
382 span.texhtml { font-family: serif; }
\r
385 ** classes for special content elements like town boxes
\r
386 ** intended to be referenced directly from the wiki src
\r
392 /* table standards */
\r
401 border:1px solid #aaaaaa;
\r
402 background-color:#f9f9f9;
\r
411 border: 1px solid Grey;
\r
419 margin: 0 0 0.3em 0;
\r
422 div.townBox dl dt {
\r
424 margin: 0.4em 0 0 0;
\r
426 div.townBox dl dd {
\r
427 margin: 0.1em 0 0 1.1em;
\r
428 background-color: #f3f3f3;
\r
435 line-height: 1.4em;
\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
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
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
463 td.diff-deletedline {
\r
464 background:#ffffaa;
\r
465 font-size: smaller;
\r
468 background:#eeeeee;
\r
469 font-size: smaller;
\r
471 span.diffchange { color: red; }
\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
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
482 #bodyContent a[href ^="https://"],
\r
484 background: url("lock_icon.gif") center right no-repeat;
\r
485 padding-right: 16px;
\r
487 #bodyContent a[href ^="mailto:"],
\r
489 background: url("mail_icon.gif") center right no-repeat;
\r
490 padding-right: 18px;
\r
492 #bodyContent a[href ^="news://"] {
\r
493 background: url("news_icon.png") center right no-repeat;
\r
494 padding-right: 18px;
\r
496 #bodyContent a[href ^="ftp://"],
\r
498 background: url("file_icon.gif") center right no-repeat;
\r
499 padding-right: 18px;
\r
501 #bodyContent a[href ^="irc://"],
\r
503 background: url("discussionitem_icon.gif") center right no-repeat;
\r
504 padding-right: 18px;
\r
506 /* disable interwiki styling */
\r
507 #bodyContent a.extiw,
\r
508 #bodyContent a.extiw:active {
\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
521 ** Structural Elements
\r
525 ** general portlet styles (elements in the quickbar)
\r
529 margin: 0 0 0.5em 0em;
\r
537 font-weight: normal;
\r
538 white-space: nowrap;
\r
541 background: transparent;
\r
542 padding: 0em 1em 0em 0.5em;
\r
543 text-transform: lowercase;
\r
547 font-weight: normal;
\r
548 white-space: nowrap;
\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
559 font-weight: normal;
\r
560 white-space: nowrap;
\r
565 border-collapse: collapse;
\r
566 border: 1px solid #aaaaaa;
\r
567 padding: 0 0.8em 0.3em 0.5em;
\r
577 line-height: 1.5em;
\r
578 list-style-type: square;
\r
579 list-style-image: url("bullet.gif");
\r
589 ** Logo properties
\r
594 position:absolute; /*needed to use z-index */
\r
601 #p-logo h5 { display: none; }
\r
607 background-repeat: no-repeat;
\r
608 background-position: 35% 50% !important;
\r
609 text-decoration: none;
\r
613 ** the navigation portlet
\r
629 text-align: center;
\r
631 input.searchButton {
\r
633 padding: 0 0.4em !important;
\r
636 background-color: White;
\r
637 border: 1px solid #2f6fab;
\r
640 border: 1px solid #2f6fab;
\r
646 padding: 0.5em 0.4em 0.4em 0.4em;
\r
650 ** the personal toolbar
\r
655 white-space:nowrap;
\r
665 line-height: 1.2em;
\r
671 #p-personal .portlet,
\r
672 #p-personal .pBody {
\r
680 /* this is the ul contained in the portlet */
\r
683 line-height: 1.4em;
\r
685 padding: 0em 2em 0 3em;
\r
688 text-transform: lowercase;
\r
700 line-height: 1.2em;
\r
704 text-decoration: none;
\r
706 padding-bottom: 0.2em;
\r
709 #p-personal li a:hover {
\r
710 background-color: White;
\r
711 padding-bottom: 0.2em;
\r
712 text-decoration: none;
\r
715 /* the icon in front of the user name, single quotes
\r
716 in bg url to hide it from iemac */
\r
718 li#pt-anonuserpage,
\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
727 ** the page-related actions- page/talk, edit etc
\r
734 white-space:nowrap;
\r
736 line-height: 1.1em;
\r
739 border-collapse: collapse;
\r
744 #p-cactions .hiddenStructure { display: none; }
\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
757 #p-cactions li.selected {
\r
758 border-color: #fabd23;
\r
759 padding: 0 0 0.2em 0;
\r
762 background-color: White;
\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
772 #p-cactions .selected a { z-index: 3; }
\r
773 #p-cactions .new a { color:#ba0000; }
\r
774 #p-cactions li a:hover {
\r
776 text-decoration: none;
\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
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
791 ** the remaining portlets
\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
815 /* hide from incapable browsers */
\r
816 head:first-child+body #footer li { white-space: nowrap; }
\r
817 #f-poweredbyico, #f-copyrightico {
\r
819 position: relative;
\r
820 top: -2px; /* Bump it up just a tad */
\r
834 margin: 1em 1em 1em 1em;
\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
843 #preftoc a:active {
\r
852 div.prefsectiontip {
\r
856 fieldset.operaprefsection { margin-left: 15em }
\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
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
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
877 padding-bottom: 25px;
\r
880 /* more IE fixes */
\r
881 /* float/negative margin brokenness */
\r
882 * html #footer {margin-top: 0;}
\r
883 * html #column-content {
\r
887 * html div.editsection { font-size: smaller; }
\r
888 #pagehistory li.selected { position: relative; }
\r
890 /* Mac IE 5.0 fix; floated content turns invisible */
\r
891 * > html #column-content {
\r
894 * > html #column-one {
\r
895 position: absolute;
\r
900 margin-left: 13.2em;
\r
907 .sharedUploadNotice {
\r
908 font-style: italic;
\r
911 /*Großbuchstaben in den Navigationsbereichen*/
\r
912 .portlet h5,.portlet h6,#p-personal ul,#p-cactions li a{text-transform:none;}
\r
914 /*Personennamen in Kapitälchen: <font class="Person">Name</font>*/
\r
915 .Person{display:inline;font-variant:small-caps}
\r
917 /*Ausschalten der foundraising-Nachricht*/
\r
919 /*fetter bearbeiten-link*/
\r
920 #ca-edit a{font-weight:bold !important;}
\r
923 /*#siteNotice{font-size: x-small}*/
\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
930 #content, #mytabs li.selected a, #p-cactions li.selected a {
\r
931 background-color: #F3F3FF; /* ein leichtes blau */
\r
934 .ns-0 #content, .ns-0 #mytabs li.selected a, .ns-0 #p-cactions li.selected a {
\r
935 background-color: white;
\r
938 .ns--1 table, .ns-2 table, .ns-4 table, .ns--1 form {
\r
939 background: inherit;
\r
942 /* Categorien etwas schöner darstellen */
\r
945 border-top: 2px dotted #aaaaaa;
\r
950 border:1px solid #AAA;
\r
951 /* display:none; // ausschalten */
\r
959 /*SideBox analog Townbox*/
\r
966 border: 1px solid Grey;
\r
975 margin: 0 0 0.3em 0;
\r
978 div.sideBox dl dt {
\r
980 margin: 0.4em 0 0 0;
\r
982 div.sideBox dl dd {
\r
983 margin: 0.1em 0 0 1.1em;
\r
984 background-color: #f3f3f3;
\r
987 /* Standard Navigationsleisten */
\r
989 div.BoxenVerschmelzen, div.NavFrame {
\r
992 border:1px solid #AAAAAA;
\r
994 border-collapse:collapse;
\r
997 div.BoxenVerschmelzen div.NavFrame {
\r
999 border-style:hidden;
\r
1001 div.NavFrame + div.NavFrame {
\r
1002 border-top-style:none;
\r
1003 border-top-style:hidden;
\r
1006 background-color:#FFFFFF;
\r
1011 div.NavFrame div.NavHead {
\r
1015 background-color:#EFEFEF;
\r
1020 div.NavFrame div.NavContent {
\r
1023 div.NavFrame div.NavContent p {
\r
1033 /* Do not print navigation bar elements. They should not appear on paper */
\r
1035 .NavFrame { display:none; }
\r
1036 .BoxenVerschmelzen { display:none; }
\r
1039 caption { font-size: 105%; font-weight: bold; }