Diferencia entre revisiones de «MediaWiki:Citizen.css»

Página de la interfaz de MediaWiki
(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;
}