Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
Sin resumen de edición |
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 */ | ||
/* Caja | /* ============================= */ | ||
/* Sombraluz - Caja de Menú */ | |||
/* ============================= */ | |||
.sd-menu-box { | .sd-menu-box { | ||
| Línea 8: | Línea 10: | ||
max-width: 420px; | max-width: 420px; | ||
/* Borde interior dorado */ | /* Borde interior dorado + sombra exterior suave */ | ||
box-shadow: | box-shadow: | ||
inset 0 0 0 1.5px #c9a227, | inset 0 0 0 1.5px #c9a227, | ||
| Línea 14: | Línea 16: | ||
color: #d4af37; | color: #d4af37; | ||
/* Variables para skins modernos (Vector 2022) */ | |||
--color-link: #e2c76b; | |||
--color-link--visited: #d4af37; | |||
--color-link--active: #ffd700; | |||
} | } | ||
/* Título de la caja */ | |||
.sd-menu-title { | .sd-menu-title { | ||
font-weight: 700; | font-weight: 700; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 0.08em; | letter-spacing: 0.08em; | ||
margin- | margin-bottom: 12px; | ||
font-size: 1.05em; | |||
border-bottom: 1px solid rgba(212,175,55,0.4); | |||
padding-bottom: 6px; | |||
color: #d4af37; | |||
} | |||
/* Listas */ | |||
.sd-menu-box ul { | |||
margin: 0; | |||
padding-left: 18px; | |||
} | |||
.sd-menu-box li { | |||
margin: 6px 0; | |||
} | } | ||
/* Enlaces dorados | /* ============================= */ | ||
/* Enlaces dorados */ | |||
/* ============================= */ | |||
.sd-menu-box a, | .sd-menu-box a, | ||
.sd-menu-box .mw-parser-output a, | |||
.sd-menu-box a:link, | .sd-menu-box a:link, | ||
.sd-menu-box a:visited { | .sd-menu-box a:visited, | ||
.sd-menu-box a:active { | |||
color: #e2c76b !important; | color: #e2c76b !important; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
/* Enlaces a páginas inexistentes */ | |||
.sd-menu-box a.new, | |||
.sd-menu-box .mw-parser-output a.new { | |||
color: #ffcc66 !important; | |||
} | |||
/* Enlaces externos */ | |||
.sd-menu-box a.external, | |||
.sd-menu-box .mw-parser-output a.external { | |||
color: #e2c76b !important; | |||
} | |||
/* Hover y foco */ | |||
.sd-menu-box a:hover, | .sd-menu-box a:hover, | ||
.sd-menu-box a:focus { | .sd-menu-box a:focus, | ||
.sd-menu-box .mw-parser-output a:hover, | |||
.sd-menu-box .mw-parser-output a:focus { | |||
color: #fff1b0 !important; | color: #fff1b0 !important; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
Revisión del 08:00 19 feb 2026
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* ============================= */
/* Sombraluz - Caja de Menú */
/* ============================= */
.sd-menu-box {
background-color: #0a0a0a;
border-radius: 14px;
padding: 16px 18px;
max-width: 420px;
/* Borde interior dorado + sombra exterior suave */
box-shadow:
inset 0 0 0 1.5px #c9a227,
0 10px 25px rgba(0,0,0,0.45);
color: #d4af37;
/* Variables para skins modernos (Vector 2022) */
--color-link: #e2c76b;
--color-link--visited: #d4af37;
--color-link--active: #ffd700;
}
/* Título de la caja */
.sd-menu-title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 12px;
font-size: 1.05em;
border-bottom: 1px solid rgba(212,175,55,0.4);
padding-bottom: 6px;
color: #d4af37;
}
/* Listas */
.sd-menu-box ul {
margin: 0;
padding-left: 18px;
}
.sd-menu-box li {
margin: 6px 0;
}
/* ============================= */
/* Enlaces dorados */
/* ============================= */
.sd-menu-box a,
.sd-menu-box .mw-parser-output a,
.sd-menu-box a:link,
.sd-menu-box a:visited,
.sd-menu-box a:active {
color: #e2c76b !important;
text-decoration: none;
}
/* Enlaces a páginas inexistentes */
.sd-menu-box a.new,
.sd-menu-box .mw-parser-output a.new {
color: #ffcc66 !important;
}
/* Enlaces externos */
.sd-menu-box a.external,
.sd-menu-box .mw-parser-output a.external {
color: #e2c76b !important;
}
/* Hover y foco */
.sd-menu-box a:hover,
.sd-menu-box a:focus,
.sd-menu-box .mw-parser-output a:hover,
.sd-menu-box .mw-parser-output a:focus {
color: #fff1b0 !important;
text-decoration: underline;
}