MediaWiki:Common.css: Unterschied zwischen den Versionen
Ares (Diskussion | Beiträge) K (Content-Wrapper + CSS) |
Ares (Diskussion | Beiträge) K (table-mobile friendly) |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* | /* | ||
* Class für die Einheitliche Box (infobox, Tabelle, etc.) | * Class für die Einheitliche Box (infobox, Tabelle, etc.) | ||
*/ | */ | ||
.content-box { | .content-box { | ||
font-size:85%; | font-size: 85%; | ||
width:27em; | width: 27em; | ||
margin: 0em 1em 1em 0em; | margin: 0em 1em 1em 0em; | ||
} | } | ||
.content-box> tr > th, | .content-box>tr>th, | ||
.content-box> tr > td, | .content-box>tr>td, | ||
.content-box> * > tr > th, | .content-box>*>tr>th, | ||
.content-box> * > tr > td { | .content-box>*>tr>td { | ||
border: 0px solid #eeeeee; | border: 0px solid #eeeeee; | ||
} | } | ||
@media screen and (max-width: 500px) { | |||
.content-box { | |||
width: 100%; | |||
margin: 0; | |||
} | |||
} | |||
/* | /* | ||
Zeile 21: | Zeile 31: | ||
* statt die gesamte Seite | * statt die gesamte Seite | ||
*/ | */ | ||
.content-wrapper { | .content-wrapper { | ||
overflow-x:auto; | overflow-x: auto; | ||
} | } |
Version vom 12. Oktober 2019, 19:35 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*
* Class für die Einheitliche Box (infobox, Tabelle, etc.)
*/
.content-box {
font-size: 85%;
width: 27em;
margin: 0em 1em 1em 0em;
}
.content-box>tr>th,
.content-box>tr>td,
.content-box>*>tr>th,
.content-box>*>tr>td {
border: 0px solid #eeeeee;
}
@media screen and (max-width: 500px) {
.content-box {
width: 100%;
margin: 0;
}
}
/*
* Dieser Wrapper sorgt dafür, dass nur die Tabelle overflowed wird,
* statt die gesamte Seite
*/
.content-wrapper {
overflow-x: auto;
}