Diferencia entre revisiones de «MediaWiki:Common.css»
Apariencia
Página creada con «→Los estilos CSS colocados aquí se aplicarán a todas las apariencias: →Fondo general oscuro: body { background-color: #0b0f14; color: #e0e6f0; 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: #mw-header, #mw-site-navigation, #mw-related-navigation { backgrou…» |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ | /* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ | ||
/* | /* ====== BASE GENERAL ====== */ | ||
body { | body { | ||
background-color: # | background-color: #05070b; | ||
color: # | color: #e3ecff; | ||
font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif; | font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif; | ||
} | } | ||
/* | /* enlaces */ | ||
a { | a { | ||
color: #4fc3f7; | color: #4fc3f7; | ||
| Línea 19: | Línea 20: | ||
} | } | ||
/* | /* ====== CABECERA (TIMLESS) ====== */ | ||
#mw-header, | #mw-header, | ||
#mw- | #mw-header-container { | ||
#mw- | background-color: #05070b; | ||
background- | 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 */ | ||
#content { | .mw-body, | ||
background-color: # | #content, | ||
border: 1px solid # | .mw-body-primary { | ||
border-radius: | background-color: #0d131f; | ||
box-shadow: 0 0 | 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; | 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); | text-shadow: 0 0 4px rgba(0,0,0,0.5); | ||
} | } | ||
/* | /* ====== SIDEBARS ====== */ | ||
#mw-site-navigation | |||
#mw-site-navigation, | |||
#mw-related-navigation { | |||
background-color: #050811; | |||
border-right: 1px solid #151d2b; | |||
color: #cfd8dc; | color: #cfd8dc; | ||
} | } | ||
#mw-site-navigation a:hover { | |||
#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; | color: #ffffff; | ||
} | } | ||
/* | /* ====== BOTONES Y PESTAÑAS ====== */ | ||
.mw-ui-button, | .mw-ui-button, | ||
.mw-ui-button.mw-ui-progressive { | .mw-ui-button.mw-ui-progressive { | ||
| Línea 67: | Línea 112: | ||
} | } | ||
/* | /* pestañas (Leer / Editar / Editar código) */ | ||
#ca-view, #ca-edit, #ca-ve-edit, #ca-history { | |||
font-weight: 500; | |||
} | |||
/* ====== INFOBOX BÁSICA ====== */ | |||
.infobox { | .infobox { | ||
background-color: # | background-color: #101827; | ||
border: 1px solid #2e3b4f; | border: 1px solid #2e3b4f; | ||
border-radius: 8px; | |||
padding: 4px; | |||
} | } | ||
.infobox th, | .infobox th, | ||
.infobox td { | .infobox td { | ||
border-color: #2e3b4f; | border-color: #2e3b4f; | ||
} | |||
.infobox th { | |||
background-color: #1b2838; | |||
color: #ffffff; | |||
} | } | ||
Revisión del 17:32 26 nov 2025
/* 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;
}