MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 2. September 2025, 11:11 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Zwei Spalten, responsive */
.mw-parser-output .two-col { display:flex; gap:2rem; align-items:flex-start; }
.mw-parser-output .two-col > .col { flex:1; min-width:0; }

/* Mobil: untereinander */
@media (max-width: 980px) {
  .mw-parser-output .two-col { flex-direction: column; }
}

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

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

@@ Zeile 1: / Zeile 1: @@
 /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
-.box-grid {
+/* Zwei Spalten, responsive */
-  display: grid;
+.mw-parser-output .two-col { display:flex; gap:2rem; align-items:flex-start; }
-  grid-template-columns: repeat(2, 1fr);
+.mw-parser-output .two-col > .col { flex:1; min-width:0; }
-  gap: 1em;
-}
-.box-grid .mw-tpl-colorbox.full-span {
-  grid-column: 1 / -1;
-}
-@media (max-width: 600px) {
+/* Mobil: untereinander */
-   .box-grid {
+@media (max-width: 980px) {
-    grid-template-columns: 1fr;
+   .mw-parser-output .two-col { flex-direction: column; }
-  }
 }
-.mw-tpl-colorbox {
+/* Optional: Überschriftenabstand in Spalten feintunen */
-box-sizing: border-box;
+.mw-parser-output .two-col h2:first-child { margin-top: 0; }
-margin: 0.5em 0.5em 1em 0.5em;
-border-radius: 0.2em;
-background: var(--background-color-base, #fff);
-color: var(--color-base, #202122);
-border: 1px solid var(--border-color-base, #a2a9b1);
-}
-.mw-tpl-colorbox-title {
+/* Fallback-Variante mit float, falls nötig */
-background: var(--background-color-interactive, #eaecf0);
+.mw-parser-output .two-col--float > .col { width:48%; float:left; margin-right:4%; }
-color: var(--color-emphasized, #000000);
+.mw-parser-output .two-col--float > .col:last-child { margin-right:0; }
-border-radius: 0.2em 0.2em 0 0;
+.mw-parser-output .two-col--float::after { content:""; display:block; clear:both; }
-display: flex;
-gap: 0.5rem;
-line-height: 2.4rem;
-}
-.mw-tpl-colorbox-title--linked:hover {
-background: var(--background-color-progressive-subtle, #eaf3ff);
-}
-.mw-tpl-colorbox-title > *:first-child {
-padding-left: 1rem;
-}
-.mw-tpl-colorbox-title > *:last-child {
-padding-right: 1rem;
-}
-.mw-tpl-colorbox-title > strong,
-.mw-tpl-colorbox-title > a {
-flex-grow: 1;
-}
-.mw-tpl-colorbox-title-icon {
-opacity: 0.8;
-}
-.mw-tpl-colorbox-title-corner {
-float: right;
-font-size: 0.7em;
-}
-.mw-tpl-colorbox-content {
-padding: 0.5rem 1rem;
-}
-.mw-tpl-colorbox-content::after {
-content: "";
-display: block;
-clear: both;
-}