MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Maggus (Diskussion | Beiträge) (Navigationsbox: Style-Änderungen (Farbe, Ausrichtung etc.)) |
Narlic (Diskussion | Beiträge) (Infobox Trennlinie) |
||
Zeile 159: | Zeile 159: | ||
.infobox > tbody > tr > td:nth-child(2) { | .infobox > tbody > tr > td:nth-child(2) { | ||
vertical-align: top; | vertical-align: top; | ||
+ | } | ||
+ | .infobox > tbody > tr > td.trennlinie { | ||
+ | background-color: #A9D0F5; | ||
+ | height: 1px; | ||
} | } | ||
Version vom 13. April 2014, 16:52 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;
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;
}
/* -----------------------------------------------------------------
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;
}