Diferencia entre revisiones de «MediaWiki:Vector.css»

Revisión del 19:02 19 dic 2025

/* --- CÓDIGO FINAL DE RESTAURACIÓN (SOLUCIÓN PC + MÓVIL) --- */

/* ==================================================================
   1. REGLAS PARA COMPUTADORA (Pantallas grandes)
   ================================================================== */
@media screen and (min-width: 982px) {
    /* Empujamos el contenido para que no tape el menú */
    div#content, 
    div#footer, 
    div#mw-head-base, 
    div#mw-page-base {
        margin-left: 11em !important; 
    }

    /* Fijamos la barra lateral en su sitio */
    div#mw-panel {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 10em !important;
    }
}

/* ==================================================================
   2. REGLAS PARA CELULAR (Pantallas pequeñas)
   ================================================================== */
@media screen and (max-width: 981px) {
    /* Quitamos el margen para que NO se vea aplastado */
    div#content, 
    div#footer, 
    div#mw-head-base, 
    div#mw-page-base {
        margin-left: 0 !important;
        padding: 1em !important; /* Un poco de aire */
    }
    
    /* Ocultamos el menú lateral viejo en celular para ganar espacio */
    /* (En celular se usa el menú desplegable de arriba) */
    div#mw-panel {
        display: none !important; 
    }
}

/* ==================================================================
   3. ESTÉTICA DE LA CABECERA (Solo colores, SIN mover botones)
   ================================================================== */
/* Fondo de cielo */
#mw-head {
    background-color: #263355 !important;
    background-image: url('https://s23.derechopedia.cl/kya.cl/Sky.png') !important;
    background-size: cover !important;
    background-position: center top !important;
}

/* Textos blancos para que se lean sobre el cielo */
#p-personal li a, 
#p-namespaces li a, 
#p-views li a, 
#p-cactions li a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* Pestaña seleccionada (ej: Portada) */
li.selected a {
    background: #ffffff !important;
    color: #263355 !important;
    border-bottom: none !important;
}

/* Limpieza visual de la lista del menú lateral */
div#mw-panel div.portal div.body ul {
    list-style: none !important;
    margin-left: 0.5em !important;
}