Menú alternativo
Alternar el menú de preferencias
Menú alternativo personal
No has accedido
Tu dirección IP será visible si haces alguna edición

MediaWiki:Citizen.css

Página de la interfaz de MediaWiki

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-sidebar-lastmod,
#citizen-toc {
	background: var(--color-surface-0);
	padding: 2em;
	border-radius: 12px;
}

.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;
	}
}