MediaWiki:Common.css
Apariencia
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
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* ===== FORZAR TEMA OSCURO EN VECTOR 2022 ===== */
body.skin-vector-2022 {
background-color: #05070b;
color: #e3ecff;
font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
}
/* Enlaces */
body.skin-vector-2022 a {
color: #4fc3f7;
}
body.skin-vector-2022 a:visited {
color: #81d4fa;
}
body.skin-vector-2022 a:hover {
color: #b3e5fc;
text-decoration: underline;
}
/* Cabecera / barra superior */
body.skin-vector-2022 .vector-header-container,
body.skin-vector-2022 .vector-sticky-header {
background-color: #05070b;
border-bottom: 1px solid #111822;
}
/* Logo y título del sitio */
body.skin-vector-2022 .vector-header-container .mw-logo,
body.skin-vector-2022 .vector-header-container .vector-header-start,
body.skin-vector-2022 .vector-header-container .vector-header-end {
background-color: transparent;
}
/* Panel lateral izquierdo */
body.skin-vector-2022 #mw-panel {
background-color: #050811;
border-right: 1px solid #111822;
}
body.skin-vector-2022 #mw-panel .portal,
body.skin-vector-2022 #mw-panel .portal .body {
background: transparent;
color: #cfd8dc;
}
body.skin-vector-2022 #mw-panel .portal .body li a {
color: #cfd8dc;
}
body.skin-vector-2022 #mw-panel .portal .body li a:hover {
color: #ffffff;
}
/* Contenedor de página / contenido principal */
body.skin-vector-2022 .mw-page-container {
background: transparent;
}
body.skin-vector-2022 .mw-body,
body.skin-vector-2022 #content {
background-color: #0d131f;
border: 1px solid #1f2a3f;
border-radius: 12px;
box-shadow: 0 0 18px rgba(0,0,0,0.6);
}
/* Títulos */
body.skin-vector-2022 h1,
body.skin-vector-2022 h2,
body.skin-vector-2022 .mw-page-title-main {
color: #ffffff;
text-shadow: 0 0 4px rgba(0,0,0,0.6);
}
/* Footer */
body.skin-vector-2022 .mw-footer-container {
background-color: #05070b;
color: #90a4ae;
border-top: 1px solid #111822;
}
/* Botones */
body.skin-vector-2022 .mw-ui-button,
body.skin-vector-2022 .mw-ui-button.mw-ui-progressive {
background-color: #3fa9f5;
border-color: #3fa9f5;
color: #fff;
}
body.skin-vector-2022 .mw-ui-button:hover,
body.skin-vector-2022 .mw-ui-button.mw-ui-progressive:hover {
background-color: #5ec2ff;
border-color: #5ec2ff;
}
/* Infobox básica oscura */
body.skin-vector-2022 .infobox {
background-color: #101827;
border: 1px solid #2e3b4f;
border-radius: 8px;
}
body.skin-vector-2022 .infobox th,
body.skin-vector-2022 .infobox td {
border-color: #2e3b4f;
}
body.skin-vector-2022 .infobox th {
background-color: #1b2838;
color: #ffffff;
}