MediaWiki:Citizen.css

MediaWiki interface page
Revision as of 15:49, 19 January 2023 by Momo (talk | contribs) (Created page with "→‎All CSS here will be loaded for users of the Citizen skin: :root { --color-primary__h: 205; } :root.skin-citizen-dark { --color-primary__l: 56%; } →‎Align icon opacity with skin default: .mw-logo-icon { opacity: var( --opacity-icon-base ); } →‎Footer icons: #footer-icons a { opacity: var( --opacity-icon-base ); transition: opacity 250ms ease; } #footer-icons a:hover { opacity: var( --opacity-icon-base--hover ); } #footer-icons a:active { opacity: v...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 */
:root {
	--color-primary__h: 205;
}

:root.skin-citizen-dark {
	--color-primary__l: 56%;
}

/* Align icon opacity with skin default */
.mw-logo-icon {
	opacity: var( --opacity-icon-base );
}

/* Footer icons */
#footer-icons a {
	opacity: var( --opacity-icon-base );
	transition: opacity 250ms ease;
}

#footer-icons a:hover {
	opacity: var( --opacity-icon-base--hover );
}

#footer-icons a:active {
	opacity: var( --opacity-icon-base--active );
}

/* More space between icons */
#footer-icons ul {
	gap: var( --space-md );
}

/* Divide footer links into two columns */
#footer-places {
	column-count: 2;
}

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Lighten the icon in dark mode */
.skin-citizen-dark .mw-logo-icon {
	filter: invert( 1 ) hue-rotate( 180deg );
}

.mw-empty-elt {
	display: none;
}

/* Hide main page header */
.page-Star_Citizen_Wiki .mw-body-header {
	display: none;
}

/* Very important checkmark */
/* .mw-logo-wordmark {*/
/*     display: flex;*/
/*     align-items: center;*/
/*     gap: var( --space-sm );*/
/* }*/

/* .mw-logo-wordmark:after {*/
/*	content: "";*/
/*    width: 1em;*/
/*    height: 1em;*/
/*    display: block;*/
/*    background-image: url( https://starcitizen.tools/images/5/5f/SCW-Verified.svg );*/
/*}*/