https://wiki.mcstatecraft.com/index.php?action=history&feed=atom&title=MediaWiki%3ACitizen.css 2026-04-11T03:35:17Z Revision history for this page on the wiki MediaWiki 1.43.1 https://wiki.mcstatecraft.com/index.php?title=MediaWiki:Citizen.css&diff=609&oldid=prev 2026-01-12T19:30:00Z

<p>Created page with &quot;<span class="autocomment">All CSS here will be loaded for users of the Citizen skin: </span> <span class="autocomment">Make sidebar persist: </span> <span class="autocomment">Many thanks to Coasterpedia: </span> <span class="autocomment">Make drawer always visible &gt; 1300px: </span> @media screen and ( min-width: 1300px ) { :root { --fixed-menu-width: 240px; } .citizen-page-container { <span class="autocomment">Reserve space for drawer: </span> margin-left: calc( var( --header-size ) + var( --fixed-menu-width ) ); } .citizen-drawer .citizen-dropdown-details {...&quot;</p> <p><b>New page</b></p><div>/* All CSS here will be loaded for users of the Citizen skin */<br /> <br /> /* Make sidebar persist */<br /> /* Many thanks to Coasterpedia */<br /> /* Make drawer always visible &gt; 1300px */<br /> <br /> @media screen and ( min-width: 1300px ) {<br /> :root {<br /> --fixed-menu-width: 240px;<br /> }<br /> <br /> .citizen-page-container {<br /> /* Reserve space for drawer */<br /> margin-left: calc( var( --header-size ) + var( --fixed-menu-width ) );<br /> }<br /> <br /> .citizen-drawer .citizen-dropdown-details {<br /> /* Hide drawer button */<br /> display: none;<br /> }<br /> <br /> .citizen-drawer__card {<br /> bottom: 0;<br /> /* Put drawer behind other header cards */<br /> z-index: -1;<br /> margin: 0;<br /> /* Compensate header border */<br /> margin-left: 1px;<br /> padding: 0;<br /> min-width: auto;<br /> width: var( --fixed-menu-width );<br /> max-height: none;<br /> border-right: 1px solid var( --border-color-base );<br /> border-radius: 0;<br /> background-color: var( --color-surface-0 );<br /> box-shadow: none;<br /> /* Force drawer to show */<br /> opacity: 1 !important;<br /> pointer-events: auto !important;<br /> transform: none !important;<br /> visibility: visible !important;<br /> left:56px;<br /> }<br /> <br /> .citizen-drawer__card &gt; * {<br /> /* Force drawer content to show */<br /> opacity: 1 !important;<br /> }<br /> <br /> .citizen-drawer__header {<br /> padding-left: var( --space-xl );<br /> padding-right: var( --space-xl );<br /> }<br /> <br /> .citizen-drawer__logo {<br /> /* Hide drawer header logo */<br /> display: none;<br /> }<br /> <br /> .citizen-drawer__siteinfo .mw-logo-wordmark {<br /> font-size: 1.25rem;<br /> }<br /> <br /> .citizen-siteStats {<br /> font-size: 0.8125rem;<br /> }<br /> <br /> #citizen-siteStats__item--images,<br /> #citizen-siteStats__item--users {<br /> /* Hide image and user stats to make space */<br /> display: none;<br /> }<br /> <br /> .citizen-drawer__menu {<br /> padding-left: var( --space-xs );<br /> padding-right: var( --space-xs );<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .permissions-errors {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> .permissions-errors li {<br /> margin-bottom: 1em;<br /> }<br /> <br /> #citizen-sidebar-lastmod {<br /> display: none;<br /> }</div>

Taelor