MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (31 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 50: | Zeile 50: | ||
/* Spaltensatz */ | /* Spaltensatz */ | ||
. | .twocolumns { | ||
display: flex; | display: flex; | ||
gap: 1em; | gap: 1em; | ||
background-color:#f6f6f6; | |||
padding:10px; | |||
} | } | ||
.twocolumns .col { | |||
. | |||
width: 50%; | width: 50%; | ||
} | } | ||
| Zeile 61: | Zeile 62: | ||
/* Mobil */ | /* Mobil */ | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
. | .twocolumns { | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.twocolumns .col { | |||
width: 100%; | |||
} | |||
} | |||
.bookcolumns { | |||
display: flex; | |||
gap: 1em; | |||
background-color:#f6f6f6; | |||
padding:10px; | |||
} | |||
.bookcolumns .book { | |||
width: 25%; | |||
} | |||
.bookcolumns .text { | |||
width: 75%; | |||
} | |||
. | /* Mobil */ | ||
@media (max-width: 720px) { | |||
.bookcolumns { | |||
flex-direction: column; | |||
padding:10px; | |||
} | |||
.bookcolumns .book { | |||
width: 100%; | |||
} | |||
.bookcolumns .text { | |||
width: 100%; | width: 100%; | ||
} | } | ||
} | } | ||
Aktuelle Version vom 23. Januar 2026, 23:24 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.mw-wiki-title,
.mw-header-title,
.mw-page-title-main,
.firstHeading {
display: none !important;
}
.vector-header-container .mw-wiki-title {
display: none !important;
}
.vector-header .mw-page-title {
display: none !important;
}
.mw-logo-icon,
.mw-logo-container,
.mw-logo {
max-height: 60px;
width: auto;
}
/* Silbentrennung aktivieren */
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output td,
.mw-parser-output th {
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
/* Bilder skalieren */
.mw-content-ltr img { width: 100%; height: auto; }
/* Wrapper: Float links/rechts */
.char-img-wrap.left { float: left; margin: 0 1em 0 0.5em; }
.char-img-wrap.right{ float: right; margin: 0 0.5em 0 1em; }
/* Prozentuale Breite über Wrapper-Klasse */
.char-img-35 img { width: 100% !important; height: auto !important; max-width: 220px; }
/* Mobil: Float aus, Bild block */
@media (max-width: 720px) {
.char-img-wrap.left,
.char-img-wrap.right { float: none; margin: 0.5em 0; }
.char-img-35 img { width: 100% !important; max-width: 100% !important; }
}
/* Spaltensatz */
.twocolumns {
display: flex;
gap: 1em;
background-color:#f6f6f6;
padding:10px;
}
.twocolumns .col {
width: 50%;
}
/* Mobil */
@media (max-width: 720px) {
.twocolumns {
flex-direction: column;
}
.twocolumns .col {
width: 100%;
}
}
.bookcolumns {
display: flex;
gap: 1em;
background-color:#f6f6f6;
padding:10px;
}
.bookcolumns .book {
width: 25%;
}
.bookcolumns .text {
width: 75%;
}
/* Mobil */
@media (max-width: 720px) {
.bookcolumns {
flex-direction: column;
padding:10px;
}
.bookcolumns .book {
width: 100%;
}
.bookcolumns .text {
width: 100%;
}
}