MediaWiki:Citizen.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* Todo CSS colocado en esta página será cargado para los usuarios que usen la apariencia "Citizen" */
body::before {
	content: '';
	background: url("https://uploads.fjdwiki.top/es/9/93/BG_FJD.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -2;
}

.citizen-body,
.citizen-page-footer,
#citizen-sidebar-lastmod,
#citizen-toc {
	background: var(--color-surface-0);
	padding: 2em;
	border-radius: 12px;
}

/* Logo aniversario */
.mw-logo-icon {
	content: url("https://uploads.fjdwiki.top/es/3/34/Logo_FJD_Wiki_%28Tercer_aniversario%29.svg");
}

.mw-logo-wordmark {
	display: none;
}

.citizen-drawer__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.citizen-header__logo .mw-logo-icon {
	width: 48px;
}

.citizen-footer__sitetitle .mw-logo-icon {
	width: 64px;
}

html.skin-theme-clientpref-night .citizen-header .cdx-button,
html.skin-theme-clientpref-night .citizen-main-menu .mw-list-item > a:hover .citizen-ui-icon,
html.skin-theme-clientpref-night .citizen-main-menu .mw-list-item > a:focus .citizen-ui-icon {
	color: #fff !important;
}

html.skin-theme-clientpref-night .citizen-header .mw-logo .mw-ui-icon-home {
	opacity: 0;
}

html.skin-theme-clientpref-night .citizen-header .mw-logo:hover .mw-ui-icon-home {
	opacity: 1;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .citizen-header .cdx-button,
	html.skin-theme-clientpref-os .citizen-main-menu .mw-list-item > a:hover .citizen-ui-icon,
	html.skin-theme-clientpref-os .citizen-main-menu .mw-list-item > a:focus .citizen-ui-icon {
		color: #fff !important;
	}

	html.skin-theme-clientpref-os .citizen-header .mw-logo .mw-ui-icon-home {
		opacity: 0;
	}

	html.skin-theme-clientpref-os .citizen-header .mw-logo:hover .mw-ui-icon-home {
		opacity: 1;
	}
}