Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css

MediaWiki interface page
Revision as of 13:52, 2 April 2026 by Thatrobin3001 (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
@media (min-width: 1024px) {
    .citizen-drawer {
        display: block !important;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 250px;
        z-index: 10;
        background: var(--color-surface-0);
        border-right: 1px solid var(--border-color-base);
        overflow-y: auto;
        transform: none !important;
        visibility: visible !important;
    }

    /* Push the page content over to make room */
    .citizen-body-container {
        margin-left: 250px !important;
    }

    /* Hide the hamburger button since sidebar is always visible */
    .citizen-header__button[aria-controls="citizen-drawer"] {
        display: none !important;
    }
}