MediaWiki:Common.css: verschil tussen versies

Huidige versie van 18 dec 2025 09:10

/* ===== Appendix-opmaak (veilig, geen layout-hacks) ===== */

.mw-body {
  box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

.appendix-box > h2 {
    font-weight: bold;
    border-bottom: 1px solid #a2a9b1;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: .3em;
}

.mw-parser-output .appendix-box {
    display: flow-root;
    margin-top: 1em;
    box-sizing: border-box;
    position: relative;
    clear: both; /* zorg dat appendix niet achter kolommen/infobox valt */
}

@supports not (display:flow-root) {
    .mw-parser-output .appendix-box {
        overflow: auto;
    }
}

/* (Verder niets – alle testcode voor Citizen/layout is weg) */

@@ Regel 1: / Regel 1: @@
-/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
+/* ===== Appendix-opmaak (veilig, geen layout-hacks) ===== */
-/* 1) Basis: appendix moet niet tegen floats aanbotsen */
+.mw-body {
-.mw-parser-output .appendix-box {
+   box-shadow: 0 0 30px rgba(0,0,0,0.05);
-  clear: both;            /* onder content + thumbnails */
-  margin-top: 1em;
-   box-sizing: border-box;
-  /* standaard: geen rechtermarge */
-  --appendix-rightcol: 320px;  /* pas aan als je infobox breder/smaller is */
 }
-/* 2) Fallback die in alle browsers werkt:
+.appendix-box > h2 {
-      als er EERDER op de pagina een rechterkolom staat, geef appendix marge rechts */
+    font-weight: bold;
-.mw-parser-output .infobox ~ .appendix-box,
+    border-bottom: 1px solid #a2a9b1;
-.mw-parser-output .floatright ~ .appendix-box,
+    font-size: 1.5em;
-.mw-parser-output .thumb.tright ~ .appendix-box,
+    margin-top: 0;
-.mw-parser-output table[style*="float:right"] ~ .appendix-box,
+    margin-bottom: .3em;
-.mw-parser-output div[style*="float:right"] ~ .appendix-box {
-  margin-right: var(--appendix-rightcol) !important;
 }
-/* 3) Nettere (optionele) variant voor moderne browsers met :has()
+.mw-parser-output .appendix-box {
-      — mag naast de fallback blijven staan */
+    display: flow-root;
-@supports selector(.mw-parser-output:has(.infobox)) {
+     margin-top: 1em;
-  .mw-parser-output:has(.infobox, .floatright, .thumb.tright) .appendix-box {
+    box-sizing: border-box;
-     margin-right: var(--appendix-rightcol);
+    position: relative;
-  }
+    clear: both; /* zorg dat appendix niet achter kolommen/infobox valt */
-}
-/* 4) Mobiel: kolommen stapelen, dus marge rechts uit */
-@media (max-width: 1000px) {
-  .mw-parser-output .appendix-box { margin-right: 0 !important; }
 }
+@supports not (display:flow-root) {
-/* Fallback voor oudere browsers zonder :has() */
+    .mw-parser-output .appendix-box {
-.mw-parser-output .infobox ~ .appendix-box,
+        overflow: auto;
-.mw-parser-output .floatright ~ .appendix-box,
+    }
-.mw-parser-output .thumb.tright ~ .appendix-box,
-.mw-parser-output .sidebar ~ .appendix-box {
-  margin-right: var(--appendix-rightcol, 320px);
 }
-/* Op mobiel geen extra marge */
+/* (Verder niets – alle testcode voor Citizen/layout is weg) */
-@media (max-width: 1000px) {
-  .appendix-box {
-    margin-right: 0 !important;
-  }
-}