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

/* Wiki updates section */ .mw-tag-wikieditor { font-size: 0; }

.mw-tag-wikieditor::marker, .mw-tag-wikieditor .mw-newpages-time, .mw-tag-wikieditor .mw-newpages-pagename, .mw-tag-wikieditor .mw-newpages-length, .mw-tag-wikieditor .mw-changeslist-title, .mw-tag-wikieditor .mw-diff-bytes, .mw-tag-wikieditor .mw-changeslist-date, .mw-tag-wikieditor .mw-changeslist-time { font-size: 0.875rem; }

.mw-tag-wikieditor .mw-newpages-pagename, .mw-tag-wikieditor .mw-changeslist-title { margin-right: 0.25rem; }

.mw-tag-wikieditor .mw-newpages-time, .mw-tag-wikieditor .mw-changeslist-date, .mw-tag-wikieditor .mw-changeslist-time { float: right; color: #202122; font-size: 0.8125rem; font-style: italic; } body.skin-citizen .mw-tag-wikieditor .mw-newpages-time, body.skin-citizen .mw-tag-wikieditor .mw-changeslist-date, .mw-tag-wikieditor .mw-changeslist-time { color: var(--color-base--subtle); } .mw-changeslist-legend { display: none; }

.gallerybox, .gallerybox div { width: 100% !important; } .gallerybox .thumb { width: 30% !important; display: inline-block; height: 4.5rem; } .gallerybox .thumb div { margin: auto !important; } .gallerybox .gallerytext { width: 60% !important; display: inline-block; } .gallerytext p a { font-size: 0; } .gallerytext .galleryfilename, .gallerytext i { font-size: 0.8125rem; margin-bottom: -1.25rem; }

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

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

/* */