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) ===== */
-/* Basisstijl (je bestaande inline-opmaak blijft actief) */
+.mw-body {
-.appendix-box {
+   box-shadow: 0 0 30px rgba(0,0,0,0.05);
-  clear: both;
-  margin-top: 1em;
-   box-sizing: border-box;
-  /* standaard geen marge rechts */
-  --appendix-rightcol: 0px;
 }
-/* Moderne detectie van rechterkolom (infobox of float right) */
+.appendix-box > h2 {
-@supports selector(.mw-parser-output:has(.infobox)) {
+    font-weight: bold;
-  .mw-parser-output:has(
+    border-bottom: 1px solid #a2a9b1;
-      .infobox,
+    font-size: 1.5em;
-      .floatright,
+    margin-top: 0;
-      .thumb.tright,
+     margin-bottom: .3em;
-      .sidebar,
-      table[style*="float:right"],
-      div[style*="float:right"]
-  ) .appendix-box {
-     margin-right: var(--appendix-rightcol, 320px);
-  }
 }
-/* Fallback voor oudere browsers zonder :has() */
+.mw-parser-output .appendix-box {
-.mw-parser-output .infobox ~ .appendix-box,
+    display: flow-root;
-.mw-parser-output .floatright ~ .appendix-box,
+    margin-top: 1em;
-.mw-parser-output .thumb.tright ~ .appendix-box,
+    box-sizing: border-box;
-.mw-parser-output .sidebar ~ .appendix-box {
+    position: relative;
-  margin-right: var(--appendix-rightcol, 320px);
+    clear: both; /* zorg dat appendix niet achter kolommen/infobox valt */
 }
-/* Op mobiel geen extra marge */
+@supports not (display:flow-root) {
-@media (max-width: 1000px) {
+    .mw-parser-output .appendix-box {
-  .appendix-box {
+        overflow: auto;
-    margin-right: 0 !important;
+    }
-  }
 }
+/* (Verder niets – alle testcode voor Citizen/layout is weg) */