MediaWiki:Common.css

Nota: Despues 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 (⌘+Mayús+R en Mac)
• Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
• Opera: Presiona Ctrl+F5.

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


/* Estilo para el enlace de Discord en el Sidebar */
/* CONTENEDOR PRINCIPAL */
#p-Discord .body, #p-Discord .portal-body, #p-Discord .vector-menu-content {
    margin-left: 0 !important; 
    padding: 8px 0 !important;
    display: flex !important;
    justify-content: center !important;
}

#p-Discord ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

#p-Discord li {
    margin: 0 !important;
    padding: 0 !important;
    width: 85% !important; /* Ancho del botón dentro de la sidebar */
}

/* BOTÓN + LOGO - no funciona bien, repasar */
#p-Discord a, 
#p-Discord a.external, 
#p-Discord a[href^="https://"], 
#p-Discord a[href^="http://"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Fondo azul + Logo */
    background-color: #5865F2 !important; 
    
    background-repeat: no-repeat !important;
    background-position: 15px center !important; /* Coloca el logo a la izquierda dentro del botón */
    background-size: 18px 18px !important;       /* Tamaño del icono */
    
    color: white !important;
    text-align: center !important;
    padding: 10px 12px 10px 38px !important;    /* Deja 38px a la izquierda para que el texto no pise al logo */
    border-radius: 5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    font-size: 0.9em !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Efecto al pasar el ratón */
#p-Discord a:hover,
#p-Discord a.external:hover {
    background-color: #4752C4 !important;
    text-decoration: none !important;
}