MediaWiki:Common.css

MediaWiki interface page
Revision as of 17:04, 22 May 2024 by Andy (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.
/* CSS placed here will be applied to all skins */

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/images/fonts/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/images/fonts/InterVariable-Italic.woff2") format("woff2");
}

:root {
	--font-family-base: InterVariable, system-ui, sans-serif !important;
}

/* Prevent Jira button from overlapping preferences button on mobile */
@media (max-width: 1000px) {
	.mw-header .citizen-header__end {
		margin-right: 70px;
	}
}

/* Prevent white background behind Jira button in dark mode */
.skin-citizen-dark #jsd-widget {
	color-scheme: initial;
}

/* Hide Jira button when printing */
@media print {
	#jsd-widget {
		display: none;
	}
}

/* Icons in navigation */
.skin-citizen #n-help-mediawiki a::after {
	background-image: url(/images/book-open-page-variant.svg);
}

.skin-citizen #n-For-employees a::after {
	background-image: url(/images/badge-account-horizontal.svg);
}