MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus www.erkenfara.com
Bero (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Bero (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 54: | Zeile 54: | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
.container .card { | .container .card { | ||
width: | width: 49%; | ||
} | } | ||
.grid-treffen .cell-treffen { | .grid-treffen .cell-treffen { | ||
| Zeile 63: | Zeile 63: | ||
/* Extra large devices (xl) */ | /* Extra large devices (xl) */ | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
.container .card { | |||
width: 33%; | |||
} | |||
.grid-treffen .cell-treffen { | .grid-treffen .cell-treffen { | ||
width: 30%; | width: 30%; | ||
} | } | ||
} | } | ||
Version vom 26. Juni 2025, 07:23 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: 49%;
}
.grid-treffen .cell-treffen {
width: 45%;
}
}
/* Extra large devices (xl) */
@media (min-width: 1200px) {
.container .card {
width: 33%;
}
.grid-treffen .cell-treffen {
width: 30%;
}
}
