MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Splitterwiki
Zur Navigation springen Zur Suche springen
(class .teaser eingerichtet)
(Hintergundbilder eingesetzt)
Zeile 146: Zeile 146:
 
}
 
}
 
.infobox > tbody > tr > th {
 
.infobox > tbody > tr > th {
     background-color: #A9D0F5; // vor 03.04.14: #ccf;
+
     background-image: url("http://splitterwiki.de/w/images/Hintergrundbild blau.jpg");
 +
    background-size: 100%;
 
     font-size: larger;
 
     font-size: larger;
 
     font-weight: bold;
 
     font-weight: bold;
Zeile 168: Zeile 169:
 
     overflow: auto;
 
     overflow: auto;
 
     width: 256px;
 
     width: 256px;
     background-image: url("http://splitterwiki.de/w/images/Background-image-kartenwerk.jpg");
+
     background-image: url("http://splitterwiki.de/w/images/Hintergrundbild blau.jpg");
 
     background-size: 100%;
 
     background-size: 100%;
 
     border: 1px solid #999;
 
     border: 1px solid #999;
Zeile 183: Zeile 184:
 
     height: 8em;
 
     height: 8em;
 
     width: 30em;
 
     width: 30em;
     background-image: url("http://splitterwiki.de/w/images/Background-image-teaser.jpg");
+
     background-image: url("http://splitterwiki.de/w/images/Hintergundbild_gelb.jpg");
 
     background-size: 100%;
 
     background-size: 100%;
 
     border: 3px solid #999;
 
     border: 3px solid #999;

Version vom 3. Mai 2014, 19:40 Uhr

/* 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: #CEE3F6; // vor 03.04.14: #f9f9f9;
    border: 1px solid #bbb; // vor 03.04.14: #aaa;
    border-radius: 0.5em;
    clear: right;
    float: right;
    font-size: 90%;
    margin-left: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 0.3em;
    width: 30%; // vor 15.04.14: max-width: 30em; min-width: 30em;
}
.infobox > tbody > tr > th {
    background-image: url("http://splitterwiki.de/w/images/Hintergrundbild blau.jpg");
    background-size: 100%;
    font-size: larger;
    font-weight: bold;
    text-align: center;
}
.infobox > tbody > tr > td:first-child {
    font-weight: bold;
    width: 10em;
    vertical-align: top;
}
.infobox > tbody > tr > td:nth-child(2) {
    vertical-align: top;
}
.infobox > tbody > tr > td.trennlinie {
    background-color: #A9D0F5;
    height: 1px;
}

.kartenwerk {
    float: left;
    overflow: auto;
    width: 256px;
    background-image: url("http://splitterwiki.de/w/images/Hintergrundbild blau.jpg");
    background-size: 100%;
    border: 1px solid #999;
    border-radius: 0.3em;
    margin: 2em 2em 2em 0em !important;
    padding: 0.5em !important;
    text-align: center;
    font-size: 90%;
}

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

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

.blau {
    background-color: #ccf;
}
.orange {
    background-color: #aaa;
}


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

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