MediaWiki:Citizen.css

Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.

• Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
• Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
• Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.

/* TEST: alleen voor Citizen-skin -> pagina krijgt roze rand */
body.skin-citizen {
    outline: 5px solid magenta !important;
}

/* Citizen-skin: zijbalk altijd open op brede schermen */
body.skin-citizen .citizen-drawer {
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Verberg de hamburgerknop op brede schermen als je wilt */
@media (min-width: 992px) {
    body.skin-citizen .citizen-drawer-toggle {
        display: none !important;
    }

    /* Hoofdinhoud opschuiven zodat de zijbalk ruimte krijgt */
    body.skin-citizen .citizen-body {
        margin-left: 260px; /* pas aan aan de breedte van je drawer */
    }
}