Menú alternativo
Alternar el menú de preferencias
Menú alternativo personal
No has accedido
Tu dirección IP será visible si haces alguna edición

MediaWiki:Common.css

Página de la interfaz de MediaWiki

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
/* TITULO PRINCIPAL */
.home-index-title {
  background: #dfe6ea;
  color: #111;
  text-align: center;
  font-weight: 700;
  padding: 12px;
  border-radius: 10px;
  margin: 24px 0 16px;
  letter-spacing: 1px;
}

/* GRID PRINCIPAL */
.home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

/* COLUMNA */
.home-column {
  background: var(--color-surface-2);
  padding: 16px;
  border-radius: 14px;
}

/* ICONOS */
.home-column img {
  display: block;
  margin: 14px auto 6px;
}

/* LISTAS */
.home-column ul {
  padding-left: 18px;
  margin-bottom: 18px;
}

.home-column li {
  margin: 4px 0;
}


#ca-viewsource1 {
  display: none !important;
}

/* FUERZA OSCURO - Elimina AUTOMÁTICO por completo */
html.skin-theme-clientpref-os,
html.skin-theme-clientpref-night,
html.skin-theme-clientpref-day {
    color-scheme: dark !important;
}

/* Cambia AUTOMÁTICO por OSCURO fijo */
html.skin-theme-clientpref-os {
    content: 'skin-theme-night';
}

/* Colores oscuro forzados */
:root {
    --color-surface-0: #181818 !important;
    --color-page-background: #121212 !important;
    --color-base-background: #1a1a1a !important;
    color: #e5e5e5 !important;
}

/* Ignora SO/navegador completamente */
@media (prefers-color-scheme: light) {
    html {
        --color-surface-0: #181818 !important;
        --color-page-background: #121212 !important;
    }
    
    .skin-vector-2022 {
        background: #181818 !important;
        color: #e5e5e5 !important;
    }
}

/* Elimina TODOS los toggles/botones de cambio */
#vector-night-mode-toggle,
.client-preferences-night-toggle,
.skin-theme-selector {
    display: none !important;
}