Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión actual - 08:17 19 feb 2026

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */

/* Ocultar el título solo en la Página principal (funciona con y sin URL-encoding) */

body[class*="Página_principal"] #firstHeading,
body[class*="P%C3%A1gina_principal"] #firstHeading {
  display: none !important;
}

/* Fondo más suave para el contenido en Vector 2010 */

body {
  background-color: #e8e8e8;
}

#content {
  background-color: #f8f6f1;
  padding: 20px;
  border-radius: 6px;
}

/* Suavizar enlaces */

#content a {
  color: #3a5f85;
}

#content a:visited {
  color: #6a4f7a;
}

/* Suavizar líneas */

hr,
#content h2 {
  border-color: #d8d2c4;
}

/* ============================= */
/*  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;
}

.sd-menu-box ul {
  list-style: none;
  padding-left: 0;
}

.sd-menu-box li::before {
  content: "• ";
  color: #c9a227;
  margin-right: 6px;
}

.sd-menu-box {
  margin: 30px auto;
}

.sd-menu-box {
  box-shadow:
    inset 0 0 0 1.5px #c9a227,
    0 10px 25px rgba(0,0,0,0.45),
    0 0 8px rgba(201,162,39,0.25);
}

/* Enlaces */

.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;
}