MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Splitterwiki
Zur Navigation springen Zur Suche springen
(Breite Infobox auf 30% (statt 30em), damit links/rechts besser fließt)
(Test: class kartenwerk)
Zeile 164: Zeile 164:
 
}
 
}
  
 +
.kartenwerk {
 +
    font-size: 90%;
 +
}
  
  

Version vom 3. Mai 2014, 16:12 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-color: #A9D0F5; // vor 03.04.14: #ccf;
    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 {
    font-size: 90%;
}


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