Naar inhoud springen

MediaWiki:Citizen.css: verschil tussen versies

Uit WaalwijkWiki
Nieuwe pagina aangemaakt met '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…'
 
Geen bewerkingssamenvatting
 
(4 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
/* 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 */
/* Citizen-skin: zijbalk altijd open op brede schermen */
body.skin-citizen .citizen-drawer {
body.skin-citizen .citizen-drawer {
Regel 4: Regel 9:
     opacity: 1 !important;
     opacity: 1 !important;
     visibility: visible !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 */
    }
}
}

Huidige versie van 20 nov 2025 14:49

/* 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;
}