Página creada con «→All CSS here will be loaded for users of the Citizen skin: →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 );…» |
m 6 revisiones importadas: Importando desde prototype |
||
(No se muestran 5 ediciones intermedias de 2 usuarios) | |||
Línea 19: | Línea 19: | ||
* We use custom footer icons so we need to fine tune it | * We use custom footer icons so we need to fine tune it | ||
*/ | */ | ||
/* More space between icons */ | /* More space between icons */ | ||
#footer-icons ul { | #footer-icons ul { | ||
gap: var( --space-md ); | gap: var( --space-md ); | ||
} | } | ||
Línea 53: | Línea 36: | ||
/* Hide main page header */ | /* Hide main page header */ | ||
.page- | .page-Página_principal .mw-body-header { | ||
display: none; | display: none; | ||
} | } | ||
.skin-citizen-dark .suenawiki-table td { | |||
color: #202122; | |||
} | |||
. | .skin-citizen-dark .suenawiki-table th { | ||
font-weight: bold; | |||
} | |||
.skin-citizen-light .suenawiki-table td { | |||
color: #202122; | |||
} | } | ||
. | .skin-citizen-light .suenawiki-table th { | ||
font-weight: bold; | |||
} | } |
Revisión actual - 19:25 23 oct 2023
/* All CSS here will be loaded for users of the Citizen skin */
/* 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
*/
/* More space between icons */
#footer-icons ul {
gap: var( --space-md );
}
/* 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-Página_principal .mw-body-header {
display: none;
}
.skin-citizen-dark .suenawiki-table td {
color: #202122;
}
.skin-citizen-dark .suenawiki-table th {
font-weight: bold;
}
.skin-citizen-light .suenawiki-table td {
color: #202122;
}
.skin-citizen-light .suenawiki-table th {
font-weight: bold;
}