Diferencia entre revisiones de «MediaWiki:Vector.css»

Revisión del 16:02 19 dic 2025

/* --- CÓDIGO MAESTRO DERECHOPEDIA (DISEÑO + ARREGLO DE ESPACIOS) --- */

/* ==================================================================
   1. ARREGLO URGENTE DE ESTRUCTURA (EVITA QUE SE VEA MAL)
   ================================================================== */
/* Esto empuja el texto principal a la derecha para respetar el menú */
div#content, 
div#footer, 
div#mw-head-base {
    margin-left: 12em !important; /* Espacio reservado para la barra izquierda */
}

/* Esto fija el ancho de la barra izquierda */
div#mw-panel {
    width: 11em !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* ==================================================================
   2. CABECERA (CIELO Y TEXTOS BLANCOS)
   ================================================================== */
#mw-head {
    background-image: url('https://s23.derechopedia.cl/kya.cl/Sky.png') !important;
    background-color: #263355 !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Textos del menú superior en blanco */
#p-namespaces li > a,
#p-views li > a,
#p-cactions li > a,
#p-personal li a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
    background: none !important;
}

/* Pestaña activa blanca */
#p-namespaces li.selected > a,
#p-views li.selected > a {
    background-color: #ffffff !important;
    color: #263355 !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
}

/* ==================================================================
   3. MENÚ LATERAL MODERNO (ESTILO APP)
   ================================================================== */
/* Ajuste de posición del logo */
#p-logo {
    margin-bottom: 20px !important;
    margin-left: 10px !important;
}

/* Títulos de secciones (ej: PRINCIPALES) */
#mw-panel .portal h3 {
    color: #263355 !important;
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 15px 0 5px 10px !important;
    border: none !important;
    display: block !important;
}

/* Limpieza de la lista */
#mw-panel .portal .body ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mw-panel .portal .body li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* DISEÑO DE BOTONES LATERALES */
#mw-panel .portal .body li a {
    display: block !important;
    padding: 8px 10px !important;
    margin-bottom: 2px !important;
    margin-right: 5px !important;
    
    color: #555 !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    
    /* Borde redondeado a la derecha */
    border-radius: 0 15px 15px 0 !important; 
    border-left: 3px solid transparent !important;
    transition: all 0.2s ease;
}

/* Efecto al pasar el mouse */
#mw-panel .portal .body li a:hover {
    background-color: #eef2ff !important; /* Azul muy clarito */
    color: #263355 !important;
    border-left-color: #263355 !important; /* Línea azul indicadora */
    font-weight: 700 !important;
    padding-left: 15px !important; /* Pequeño movimiento */
}

/* ==================================================================
   4. EXTRAS
   ================================================================== */
/* Arreglo para que las imágenes grandes no se salgan */
#siteNotice img, #content img {
    max-width: 100% !important;
    height: auto !important;
}