MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus CMO
UweS (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
UweS (Diskussion | Beiträge) Keine 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. */ | ||
/*Verindert das Anzeigen des Inhaltsverzeichnisses, das Inhalrsverzeichnis existiert aber noch für barrierefreiheit */ | |||
.mw-parser-output .toc { display: none; } | .mw-parser-output .toc { display: none; } | ||
/* Zwei Spalten, responsive */ | /* Zwei Spalten, responsive */ | ||
.mw-parser-output . | .mw-parser-output .zwei-spalten { | ||
.mw-parser-output . | display:flex; | ||
gap:2rem; | |||
align-items:flex-start; | |||
clear:both; | |||
} | |||
.mw-parser-output .zwei-spalten > .spalte { | |||
flex:1; | |||
min-width:0; | |||
background:transparent; | |||
border:0; | |||
padding:0; | |||
box-shadow:none; | |||
} | |||
/* Mobil: untereinander */ | /* Mobil: untereinander */ | ||
@media (max-width: 980px) { | @media (max-width: 980px) { | ||
.mw-parser-output . | .mw-parser-output .zwei-spalten { flex-direction: column; } | ||
} | } | ||
/* Optional: Überschriftenabstand | /* Optional: Überschriftenabstand */ | ||
.mw-parser-output . | .mw-parser-output .zwei-spalten h2:first-child { margin-top:0; } | ||
/* Fallback | /* Fallback mit float */ | ||
.mw-parser-output . | .mw-parser-output .zwei-spalten--float > .spalte { | ||
.mw-parser-output . | width:48%; | ||
.mw-parser-output . | float:left; | ||
margin-right:4%; | |||
} | |||
.mw-parser-output .zwei-spalten--float > .spalte:last-child { | |||
margin-right:0; | |||
} | |||
.mw-parser-output .zwei-spalten--float::after { | |||
content:""; | |||
display:block; | |||
clear:both; | |||
} | |||
Version vom 2. September 2025, 11:39 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*Verindert das Anzeigen des Inhaltsverzeichnisses, das Inhalrsverzeichnis existiert aber noch für barrierefreiheit */
.mw-parser-output .toc { display: none; }
/* Zwei Spalten, responsive */
.mw-parser-output .zwei-spalten {
display:flex;
gap:2rem;
align-items:flex-start;
clear:both;
}
.mw-parser-output .zwei-spalten > .spalte {
flex:1;
min-width:0;
background:transparent;
border:0;
padding:0;
box-shadow:none;
}
/* Mobil: untereinander */
@media (max-width: 980px) {
.mw-parser-output .zwei-spalten { flex-direction: column; }
}
/* Optional: Überschriftenabstand */
.mw-parser-output .zwei-spalten h2:first-child { margin-top:0; }
/* Fallback mit float */
.mw-parser-output .zwei-spalten--float > .spalte {
width:48%;
float:left;
margin-right:4%;
}
.mw-parser-output .zwei-spalten--float > .spalte:last-child {
margin-right:0;
}
.mw-parser-output .zwei-spalten--float::after {
content:"";
display:block;
clear:both;
}