MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 56: | Zeile 56: | ||
.twocolumns .col { | .twocolumns .col { | ||
width: | width: 50%; | ||
background-color:#f6f6f6; | background-color:#f6f6f6; | ||
padding:10px; | padding:10px; | ||
| Zeile 68: | Zeile 68: | ||
.twocolumns .col { | .twocolumns .col { | ||
width: 100%; | |||
} | |||
} | |||
.bookcolumns { | |||
display: flex; | |||
gap: 1em; | |||
background-color:#f6f6f6; | |||
} | |||
.bookcolumns .book { | |||
width: 25%; | |||
padding:10px; | |||
} | |||
.bookcolumns .text { | |||
width: 75%; | |||
padding:10px; | |||
} | |||
/* Mobil */ | |||
@media (max-width: 720px) { | |||
.bookcolumns { | |||
flex-direction: column; | |||
} | |||
.bookcolumns .col { | |||
width: 100%; | width: 100%; | ||
} | } | ||
} | } | ||
Version vom 23. Januar 2026, 22:31 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;
}
.twocolumns .col {
width: 50%;
background-color:#f6f6f6;
padding:10px;
}
/* Mobil */
@media (max-width: 720px) {
.twocolumns {
flex-direction: column;
}
.twocolumns .col {
width: 100%;
}
}
.bookcolumns {
display: flex;
gap: 1em;
background-color:#f6f6f6;
}
.bookcolumns .book {
width: 25%;
padding:10px;
}
.bookcolumns .text {
width: 75%;
padding:10px;
}
/* Mobil */
@media (max-width: 720px) {
.bookcolumns {
flex-direction: column;
}
.bookcolumns .col {
width: 100%;
}
}