MediaWiki:Citizen.css

Page de l’interface de MediaWiki
Révision datée du 2 mai 2023 à 20:20 par Electrolab (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* Adjust primary color */
:root {
	--color-primary__h: 205;
}

/* Adjust contrast since we changed primary color */
:root.skin-citizen-dark {
	--color-primary__l: 56%;
}

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

/*
 * Footer icons
 * We use custom footer icons so we need to fine tune it
*/
#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 );
}

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

/*
 * Very important checkmark
 * Blue checkmark near wordmark
*/
.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 );
}
Les cookies nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de cookies.