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) ===== */
-/* TEST: alleen Citizen-skin rand */
+.mw-body {
-body.skin-citizen {
+  box-shadow: 0 0 30px rgba(0,0,0,0.05);
-    outline: 5px solid magenta !important;
 }
-.appendix-box > h2{
+.appendix-box > h2 {
-     font-weight:bold;
+     font-weight: bold;
-     border-bottom:1px solid #a2a9b1;
+     border-bottom: 1px solid #a2a9b1;
-     font-size:1.5em;
+     font-size: 1.5em;
-     margin-top:0;
+     margin-top: 0;
-     margin-bottom:.3em;
+     margin-bottom: .3em;
 }
-.mw-parser-output .appendix-box{
+.mw-parser-output .appendix-box {
-     display:flow-root;
+     display: flow-root;
-     margin-top:1em;
+     margin-top: 1em;
-     box-sizing:border-box;
+     box-sizing: border-box;
-     position:relative;
+     position: relative;
+    clear: both; /* zorg dat appendix niet achter kolommen/infobox valt */
 }
-@supports not (display:flow-root){
+@supports not (display:flow-root) {
-     .mw-parser-output .appendix-box{
+     .mw-parser-output .appendix-box {
-         overflow:auto;
+         overflow: auto;
      }
 }
-/* Optioneel: future tweak voor appendix naast infobox
+/* (Verder niets – alle testcode voor Citizen/layout is weg) */
-.mw-parser-output > .infobox ~ .appendix-box{
-    margin-right:320px !important;
-}
-*/
-/* Appendix naast floats zonder vaste marge */
-/* flow-root = eigen Block Formatting Context (BFC):
-   - overlapt floats niet
-   - krimpt automatisch naast een float
-   - groeit weer naar volle breedte zodra de float ophoudt */
-.mw-parser-output .appendix-box {
-  /* geen clear hier, anders springt hij altijd eronder */
-  display: flow-root;
-  margin-top: 1em;
-  box-sizing: border-box;
-  position: relative;
-}
-/* Oudere browsers die geen flow-root hebben: gebruik overflow:auto als fallback */
-@supports not (display: flow-root) {
-  .mw-parser-output .appendix-box { overflow: auto; }
-}
-/* Eventuele oude regels die een vaste rechtermarge zetten voor .infobox / .floatright
-   graag verwijderen of overriden, bv.: */
-/*
-.mw-parser-output .infobox ~ .appendix-box,
-.mw-parser-output .floatright ~ .appendix-box,
-.mw-parser-output .thumb.tright ~ .appendix-box { margin-right: 0 !important; }
-*/
-/* Mobiel hoeft niets speciaals: zonder vaste marge werkt dit vanzelf goed */
-/* Fallback voor oudere browsers */
-/*.mw-parser-output > .infobox ~ .appendix-box {
-/*  margin-right: 320px !important;
-}