Template:Main Page/styles.css

/* Media and skin handler */ @media ( hover: none ) { .desktoponly { display: none; } } body.skin-citizen .citizenonly { display: inherit !important; } body.skin-citizen .noncitizenonly {	display: none; }

/* Others */ .home-grid { display: grid; grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); grid-auto-rows: minmax( 3rem, auto ); grid-gap: 0.625rem; } .home-grid a.external::after { display: none; }

.home-link { display: grid; margin-top: 6px; font-size: 0.875rem; font-weight: 500; grid-gap: 6px; text-align: center; } .home-link__button { display: flex; } .home-link__button a { flex-grow: 1; padding: 0.6rem 0.6rem; border: 1px solid currentColor; background: rgba( 256, 256, 256, 0.4 ); border-radius: 12px; } .home-link__button a:hover { background: rgba( 256, 256, 256, 0.6 ); } .home-link__button a:active { background: rgba( 0, 0, 0, 0.2 ); }

body.skin-citizen .home-link__button a { border: 1px solid var(--border-color-base--darker); background: var(--background-color-overlay--lighter); color: var(--color-base--emphasized); } body.skin-citizen .home-link__button a:hover { background: var(--color-surface-2--hover); } body.skin-citizen .home-link__button a:active { background: var(--color-surface-2--active); }

.skin-citizen-dark .mw-logo-wordmark { filter: invert(1) hue-rotate(180deg) !important; }

/* */