MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 2. September 2025, 11:55 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 mit CSS Grid */
.mw-parser-output .zwei-spalten-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  clear: both;
}

/* Mobil: eine Spalte */
@media (max-width: 980px) {
  .mw-parser-output .zwei-spalten-grid {
    grid-template-columns: 1fr;
  }
}

/* Kinder neutralisieren */
.mw-parser-output .zwei-spalten-grid > div {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  color: inherit !important;
}

@@ Zeile 4: / Zeile 4: @@
 .mw-parser-output .toc { display: none; }
-/* Zwei Spalten, responsive */
+/* Zwei Spalten mit CSS Grid */
-.mw-parser-output .zwei-spalten {
+.mw-parser-output .zwei-spalten-grid {
-   display:flex;
+   display: grid;
-   gap:2rem;
+   grid-template-columns: 1fr 1fr;
-   align-items:flex-start;
+   gap: 2rem;
-   clear:both;
+   clear: both;
 }
-.mw-parser-output .zwei-spalten > .spalte {
+/* Mobil: eine 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; }
+   .mw-parser-output .zwei-spalten-grid {
+    grid-template-columns: 1fr;
+  }
 }
-/* Optional: Überschriftenabstand */
+/* Kinder neutralisieren */
-.mw-parser-output .zwei-spalten h2:first-child { margin-top:0; }
+.mw-parser-output .zwei-spalten-grid > div {
+   background: transparent !important;
-/* Fallback mit float */
+   border: 0 !important;
-.mw-parser-output .zwei-spalten--float > .spalte {
+   padding: 0 !important;
-   width:48%;
+   box-shadow: none !important;
-   float:left;
+   font: inherit !important;
-   margin-right:4%;
+   color: inherit !important;
-}
-.mw-parser-output .zwei-spalten--float > .spalte:last-child {
-   margin-right:0;
-}
-.mw-parser-output .zwei-spalten--float::after {
-  content:"";
-   display:block;
-   clear:both;
 }