MediaWiki:Common.css: Unterschied zwischen den Versionen
Ares (Diskussion | Beiträge) (noinframe) |
Ares (Diskussion | Beiträge) K (border-with von toc/wikitable angepasst) |
||
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
. | /* | ||
. | * Anpassung zur Allgemeinen Darstellung | ||
. | */ | ||
. | |||
.wikitable{ | |||
margin: unset; | |||
border-width: 2px; | |||
} | |||
.toc{ | |||
border-width: 2px; | |||
} | |||
/* | |||
* Class für die Einheitliche Box (infobox, Tabelle, etc.) | |||
*/ | |||
.content-box{ | |||
width: 27em; | |||
} | |||
.content-box>tr>th, | |||
.content-box>tr>td, | |||
.content-box>*>tr>th, | |||
.content-box>*>tr>td { | |||
border: 0px solid #eeeeee; | border: 0px solid #eeeeee; | ||
} | |||
@media screen and (max-width: 500px) { | |||
.content-box{ | |||
width: 100%; | |||
} | |||
} | |||
/* | |||
* Dieser Wrapper sorgt dafür, dass nur der Inhalt overflowed wird, | |||
* statt die gesamte Seite | |||
*/ | |||
.content-wrapper { | |||
overflow-x: auto; | |||
max-width: 100%; | |||
margin: 0em 1em 0em 0em; | |||
} | |||
.content-wrapper.left{ | |||
float: left; | |||
margin: 0em 1em 0em 0em; | |||
} | |||
.content-wrapper.right{ | |||
float: right; | |||
margin: 0em 0em 0em 1em; | |||
} | |||
@media screen and (max-width: 500px) { | |||
.content-wrapper { | |||
width: 100%; | |||
margin: 0; | |||
} | |||
.content-wrapper.left, | |||
.content-wrapper.right { | |||
float: none; | |||
margin: 0em 0em 0em 0em; | |||
} | |||
} | } |
Aktuelle Version vom 19. April 2020, 12:52 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*
* Anpassung zur Allgemeinen Darstellung
*/
.wikitable{
margin: unset;
border-width: 2px;
}
.toc{
border-width: 2px;
}
/*
* Class für die Einheitliche Box (infobox, Tabelle, etc.)
*/
.content-box{
width: 27em;
}
.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%;
}
}
/*
* Dieser Wrapper sorgt dafür, dass nur der Inhalt overflowed wird,
* statt die gesamte Seite
*/
.content-wrapper {
overflow-x: auto;
max-width: 100%;
margin: 0em 1em 0em 0em;
}
.content-wrapper.left{
float: left;
margin: 0em 1em 0em 0em;
}
.content-wrapper.right{
float: right;
margin: 0em 0em 0em 1em;
}
@media screen and (max-width: 500px) {
.content-wrapper {
width: 100%;
margin: 0;
}
.content-wrapper.left,
.content-wrapper.right {
float: none;
margin: 0em 0em 0em 0em;
}
}