Más acciones
Página creada con «→All CSS here will be loaded for users of the Citizen skin: :root { --width-layout: 1280px; →Slightly wider content: }» |
Sin resumen de edición |
||
Línea 1: | Línea 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
/* Courtesy of starcitizen.tools */ | |||
:root { | :root { | ||
--width-layout: 1280px; /* Slightly wider content */ | --width-layout: 1280px; /* Slightly wider content */ | ||
} | |||
/* 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; | |||
} | } |
Revisión del 23:04 7 jul 2023
/* All CSS here will be loaded for users of the Citizen skin */
/* Courtesy of starcitizen.tools */
:root {
--width-layout: 1280px; /* Slightly wider content */
}
/* 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;
}