(Page créée avec « →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 { op... ») |
Aucun résumé des modifications |
||
Ligne 53 : | Ligne 53 : | ||
/* Hide main page header */ | /* Hide main page header */ | ||
.page- | .page-Wiki_Electrolab .mw-body-header { | ||
display: none; | display: none; | ||
} | } |
Version actuelle datée du 2 mai 2023 à 20:20
/* 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 );
}