MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus CMO

Keine Bearbeitungszusammenfassung
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 .two-col { display:flex; gap:2rem; align-items:flex-start; }
.mw-parser-output .zwei-spalten {  
.mw-parser-output .two-col > .col { flex:1; min-width:0; }
  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 .two-col { flex-direction: column; }
   .mw-parser-output .zwei-spalten { flex-direction: column; }
}
}


/* Optional: Überschriftenabstand in Spalten feintunen */
/* Optional: Überschriftenabstand */
.mw-parser-output .two-col h2:first-child { margin-top: 0; }
.mw-parser-output .zwei-spalten h2:first-child { margin-top:0; }


/* Fallback-Variante mit float, falls nötig */
/* Fallback mit float */
.mw-parser-output .two-col--float > .col { width:48%; float:left; margin-right:4%; }
.mw-parser-output .zwei-spalten--float > .spalte {  
.mw-parser-output .two-col--float > .col:last-child { margin-right:0; }
  width:48%;  
.mw-parser-output .two-col--float::after { content:""; display:block; clear:both; }
  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; 
}