MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus www.erkenfara.com
Bero (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Bero (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
.container { | |||
align-items: stretch; | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.container .card { | |||
width: 100%; | |||
} | |||
table.wikitable.infobox-charakter, | table.wikitable.infobox-charakter, | ||
| Zeile 34: | Zeile 45: | ||
/* Small devices (sm) */ | /* Small devices (sm) */ | ||
@media (min-width: 576px) { | @media (min-width: 576px) { | ||
} | } | ||
/* Medium devices (md) */ | /* Medium devices (md) */ | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
} | } | ||
/* Large devices (lg) */ | /* Large devices (lg) */ | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
.container .card { | |||
width: 45%; | |||
} | |||
.grid-treffen .cell-treffen { | .grid-treffen .cell-treffen { | ||
width: 45%; | width: 45%; | ||
Version vom 25. Juni 2025, 16:49 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.container {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.container .card {
width: 100%;
}
table.wikitable.infobox-charakter,
table.wikitable.infobox-gott,
table.wikitable.infobox-ort,
table.wikitable.infobox-reich,
table.wikitable.infobox-tier,
table.wikitable.infobox-treffen,
table.wikitable.infobox-treffen-ausgefallen
{
float: right;
margin-left: 2em;
max-width: 100%;
width: 400px;
}
.grid-treffen {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.grid-treffen .cell-treffen {
width: 100%;
}
.grid-treffen .cell-treffen table.wikitable.infobox-treffen,
.grid-treffen .cell-treffen table.wikitable.infobox-treffen-ausgefallen {
width: 100%;
}
/* Extra small devices (xs): Mobile first */
/* Small devices (sm) */
@media (min-width: 576px) {
}
/* Medium devices (md) */
@media (min-width: 768px) {
}
/* Large devices (lg) */
@media (min-width: 992px) {
.container .card {
width: 45%;
}
.grid-treffen .cell-treffen {
width: 45%;
}
}
/* Extra large devices (xl) */
@media (min-width: 1200px) {
.grid-treffen .cell-treffen {
width: 30%;
}
}
