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 */
/* ====== BASE GENERAL ====== */
body {
background-color: #05070b;
color: #e3ecff;
font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
}
/* enlaces */
a {
color: #4fc3f7;
}
a:visited {
color: #81d4fa;
}
a:hover {
color: #b3e5fc;
text-decoration: underline;
}
/* ====== CABECERA (TIMLESS) ====== */
#mw-header,
#mw-header-container {
background-color: #05070b;
border: 0;
box-shadow: 0 0 12px rgba(0,0,0,0.6);
}
#mw-header #user-tools,
#mw-header #personal {
background: transparent;
}
/* título del sitio */
#mw-site-navigation h1,
#mw-site-navigation .mw-wiki-title {
color: #e3ecff;
}
/* ====== LAYOUT / CONTENEDORES ====== */
/* fondo de las columnas */
.mw-page-container {
background: transparent;
box-shadow: none;
}
/* contenido principal */
.mw-body,
#content,
.mw-body-primary {
background-color: #0d131f;
border: 1px solid #1f2a3f;
border-radius: 10px;
box-shadow: 0 0 18px rgba(0,0,0,0.6);
padding: 1.5rem;
}
/* encabezado de la página */
.firstHeading {
color: #ffffff;
border-bottom: 1px solid #283853;
padding-bottom: 0.3rem;
margin-bottom: 0.8rem;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
/* ====== SIDEBARS ====== */
#mw-site-navigation,
#mw-related-navigation {
background-color: #050811;
border-right: 1px solid #151d2b;
color: #cfd8dc;
}
#mw-site-navigation .mw-portlet,
#mw-related-navigation .mw-portlet {
background: transparent;
border: 0;
}
#mw-site-navigation .mw-portlet h3,
#mw-related-navigation .mw-portlet h3 {
color: #90a4ae;
border-bottom: 1px solid #1f2a3f;
}
#mw-site-navigation a,
#mw-related-navigation a {
color: #cfd8dc;
}
#mw-site-navigation a:hover,
#mw-related-navigation a:hover {
color: #ffffff;
}
/* ====== BOTONES Y PESTAÑAS ====== */
.mw-ui-button,
.mw-ui-button.mw-ui-progressive {
background-color: #3fa9f5;
border-color: #3fa9f5;
color: #fff;
}
.mw-ui-button:hover,
.mw-ui-button.mw-ui-progressive:hover {
background-color: #5ec2ff;
border-color: #5ec2ff;
}
/* pestañas (Leer / Editar / Editar código) */
#ca-view, #ca-edit, #ca-ve-edit, #ca-history {
font-weight: 500;
}
/* ====== INFOBOX BÁSICA ====== */
.infobox {
background-color: #101827;
border: 1px solid #2e3b4f;
border-radius: 8px;
padding: 4px;
}
.infobox th,
.infobox td {
border-color: #2e3b4f;
}
.infobox th {
background-color: #1b2838;
color: #ffffff;
}