Ir al contenido

Diferencia entre revisiones de «MediaWiki:Common.css»

De Hytale Wiki | Wiki en Español
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 */
/* Fondo general oscuro */
/* ====== BASE GENERAL ====== */
 
body {
body {
     background-color: #0b0f14;
     background-color: #05070b;
     color: #e0e6f0;
     color: #e3ecff;
     font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
     font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
}
}


/* Enlaces */
/* enlaces */
a {
a {
     color: #4fc3f7;
     color: #4fc3f7;
Línea 19: Línea 20:
}
}


/* Cabecera */
/* ====== CABECERA (TIMLESS) ====== */
 
#mw-header,
#mw-header,
#mw-site-navigation,
#mw-header-container {
#mw-related-navigation {
    background-color: #05070b;
     background-color: #111823;
    border: 0;
     border-color: #1c2432;
    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;
}
}


/* Barra superior */
/* ====== LAYOUT / CONTENEDORES ====== */
#mw-header {
 
     border-bottom: 1px solid #1c2432;
/* fondo de las columnas */
.mw-page-container {
     background: transparent;
    box-shadow: none;
}
}


/* Contenido principal */
/* contenido principal */
#content {
.mw-body,
     background-color: #111823;
#content,
     border: 1px solid #1c2432;
.mw-body-primary {
     border-radius: 6px;
     background-color: #0d131f;
     box-shadow: 0 0 12px rgba(0,0,0,0.4);
     border: 1px solid #1f2a3f;
     border-radius: 10px;
     box-shadow: 0 0 18px rgba(0,0,0,0.6);
    padding: 1.5rem;
}
}


/* Titulos */
/* encabezado de la página */
h1, h2, h3, h4 {
.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);
}
}


/* Sidebar links */
/* ====== SIDEBARS ====== */
#mw-site-navigation a {
 
#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 (editar, etc.) */
/* ====== 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:
}
}


/* Tabla infobox básica */
/* 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: #111823;
     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;
}