MediaWiki:Common.css

Aus Splitterwiki
Version vom 13. Juni 2014, 14:44 Uhr von Maggus (Diskussion | Beiträge) (Bugfix .textbox.gelb)
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


/* -----------------------------------------------------------------
                    Allgemeine Formatierungen
----------------------------------------------------------------- */

.versteckt {
    display: none;
}


/* -----------------------------------------------------------------
                        Navigationsleisten
----------------------------------------------------------------- */

.NavToggle,
.NavToggleEnglish {
    float: right;
    font-size: x-small;
}
div.BoxenVerschmelzen, div.NavFrame,
div.BoxenVerschmelzen, div.NavFrameEnglish {
    border: 1px solid #bbbbbb; // vor 03.04.14: #aaa;
    border-collapse: collapse;
    clear: both;
    font-size: 95%;
    margin: 0px;
    padding: 2px;
    text-align: center;
}
div.BoxenVerschmelzen div.NavFrame,
div.BoxenVerschmelzen div.NavFrameEnglish {
    border-style: none;
    border-style: hidden;
}
div.NavFrame + div.NavFrame,
div.NavFrameEnglish + div.NavFrameEnglish {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavFrame div.NavHead,
div.NavFrameEnglish div.NavHead {
    background-color: #A9D0F5; // vor 03.04.14: #ccf;
    font-size: 100%;
    font-weight: bold;
}
div.NavEnd {
    clear: both;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
div.NavPic {
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 2px;
}


/* -----------------------------------------------------------------
                      Tabellen-Formatierungen
----------------------------------------------------------------- */

/* Standard-Tabelle */
/*
.tabelle {
    margin: 1em;
    background-color: #fff;
    border: 1px solid #000;
    border-collapse: collapse;
    empty-cells: show;
    page-break-inside: avoid;
}
 
.tabelle > tbody > tr > th,
.tabelle > tbody > tr > td {
    border: 1px solid #000;
    padding: 0.2em;
}

.tabelle > tbody > tr > th {
    background-color: #eee;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}
*/
.rahmen,
.rahmen > tbody > tr,
.rahmen > tbody > tr > th,
.rahmen > tbody > tr > td {
    border: inherit;
}

.fixiert {
    table-layout: fixed;
}

.maximal {
    width: 100%;
}

.oben,
.oben > tbody > tr,
.oben > tbody > tr > th,
.oben > tbody > tr > td {
    vertical-align: top;
}

.zentriert {
    text-align: center;
    width: 100%;
}
.mitte {
    margin-left:  auto;
    margin-right: auto;
}
.links {
    clear: left;
    float: left;
}
.rechts {
    clear: right;
    float: right;
}


/* -----------------------------------------------------------------
                    Spezielle Tabellen & Boxen
----------------------------------------------------------------- */

.infobox {
    background-color: #ecf9ff;
    background: linear-gradient(to right, #a2e3ff, #ecf9ff, #ecf9ff, #ecf9ff, #a2e3ff);
    border: 3px solid #3babdc;
    border-radius: 0.5em;
    clear: right;
    float: right;
    font-size: 90%;
    margin: 0.5em 0 0.5em 1em;
    padding: 0em;
    width: 30%; // vor 15.04.14: max-width: 30em; min-width: 30em;
}
.infobox > tbody > tr > th {
    background-color: #3babdc;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0 0.3em;
}
.infobox > tbody > tr > td:first-child {
    font-weight: bold;
    width: 10em;
    vertical-align: top;
    padding-left: 0.2em;
}
.infobox > tbody > tr > td:nth-child(2) {
    vertical-align: top;
    padding-right: 0.2em;
}
.infobox > tbody > tr > td.trennlinie {
    background-color: #3babdc;
    height: 0.05px;
}

.weltbox {
    background-color: #ecf9ff;
    background: linear-gradient(to right, #a2e3ff, #ecf9ff, #ecf9ff, #ecf9ff, #a2e3ff);
    border: 3px solid #3babdc;
    border-radius: 0.5em;
    clear: right;
    float: right;
    font-size: 90%;
    margin: 0.5em 0 0.5em 1em;
    padding: 0em;
    width: 30%; // vor 15.04.14: max-width: 30em; min-width: 30em;
}
.weltbox > tbody > tr > th {
    background-color: #3babdc;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0 0.3em;
}
.weltbox > tbody > tr > td:first-child {
    font-weight: normal;
    width: 10em;
    vertical-align: top;
    padding-left: 0.2em;
}
.weltbox > tbody > tr > td:nth-child(2) {
    vertical-align: top;
    padding-right: 0.2em;
}
.weltbox > tbody > tr > td.trennlinie {
    background-color: #3babdc;
    height: 0.05px;
}

.regelbox {
    background-color: #F2F2F2;
    border: 3px solid #CCCCCC;
    border-radius: 0.5em;
    clear: right;
    float: right;
    font-size: 90%;
    margin: 0.5em 0 0.5em 1em;
    padding: 0em;
    width: 30%;
}
.regelbox > tbody > tr > th {
    background-color: #EEEEE1;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0 0.3em;
}
.regelbox > tbody > tr > td:first-child {
    font-weight: normal;
    width: 10em;
    vertical-align: top;
    padding-left: 0.2em;
}
.regelbox > tbody > tr > td:nth-child(2) {
    vertical-align: top;
    padding-right: 0.2em;
}
.regelbox > tbody > tr > td.trennlinie {
    background-color: #EEEEE1;
    height: 0.05px;
}

.teaser {
    float: left;
    overflow: hidden;
    height: 8em;
    width: 30em;
    background-image: url("http://splitterwiki.de/w/images/Hintergrundbild_gelb.jpg");
    background-size: 100%;
    border: 3px solid #999;
    border-radius: 1em;
    margin: 0.5em 1em 0.5em 0em;
    padding: 0.3em;
}

.textbox {
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    margin: 0 0.5em 0.5em 0em;
    padding: 0.5em;
}

.textbox.grau {
    background-color: #F2F2F2;
}

.textbox.gelb {
    background-color: #FFFFE0;
}

.textbox h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 100%;
}

.textbox ul {
    margin: 0 0 0 1em;
    margin-top: 0px;
}

.hinweis-top {
    overflow: auto;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    margin: 0.5em 1em 0.5em 0em;
    padding: 0.5em;
}

/* -----------------------------------------------------------------
                        Farb-Formatierungen
----------------------------------------------------------------- */

.blau {
    background-color: #3babdc; // Splittermond-Blau
}
.orange {
    background-color: #aaa;
}


/* -----------------------------------------------------------------
                         Text-Formatierungen
----------------------------------------------------------------- */

.text-mitte {
    text-align: center;
}
.text-links {
    text-align: left;
}
.text-rechts {
    text-align: right;
}


/* -----------------------------------------------------------------
                         Absatz- und Überschrift Formatierungen
----------------------------------------------------------------- */

p {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; 
}

h2 {
    border-bottom: none !important;
    border-top: 1px solid #AAAAAA !important;
    margin-top: 0.8em;
}

#toc h2, .toc h2 {
    border: none !important;
}

h3, h4, h5, h6 {
    border: none !important;
}

ul {
   list-style-type: square;
   list-style-image: none;
}

blockquote {
    margin-left: 0.5em;
    padding-left: 0.5em;
    overflow: hidden;
    border-left: 2px solid #EEEEEE;
}
.small {
    font-size:0.8em; 
    line-height: 1.3em;
}

.liste-einzug {
    text-indent:-1em;
    margin: 0.1em 0em 0.1em 1em;
}