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; }