Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión actual del 09:23 25 ago 2026

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


/* Sección Comunidad (Discord + Web) — Vector legacy */

#p-Comunidad .body, #p-Comunidad .portal-body, #p-Comunidad .vector-menu-content {
    margin-left: 0 !important;
    padding: 8px 0 !important;
    display: flex !important;
    justify-content: center !important;
}

#p-Comunidad ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
}

#p-Comunidad li {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* ---- Botón Discord ---- */

#p-Comunidad a[href*="discord"],
#p-Comunidad a.external[href*="discord"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #5865F2 !important;
    border: 1px solid var(--borde-claro, rgba(255,255,255,0.20)) !important;
    background-image: url("https://wiki.aldor.es/images/f/fb/Discord-Symbol-White.png") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 18px auto !important;
    color: white !important;
    text-align: center !important;
    padding: 10px 12px 10px 38px !important;
    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.4) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#p-Comunidad a[href*="discord"]::before {
    content: "Únete a" !important;
    font-weight: normal !important;
    margin-right: 0.3em !important;
}

#p-Comunidad a[href*="discord"]:hover {
    background-color: #4752C4 !important;
    text-decoration: none !important;
}

/* ---- Botón Web ---- */

#p-Comunidad a[href*="aldor.es"]:not([href*="discord"]),
#p-Comunidad a.external[href*="aldor.es"]:not([href*="discord"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--fondo-elevado, #38383c) !important;
    border: 1px solid var(--borde-claro, rgba(255,255,255,0.20)) !important;
    background-image: url("https://wiki.aldor.es/images/a/a2/Aldor_icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 13px center !important;
    background-size: 22px auto !important;
    color: var(--dorado-marca, #F5BF42) !important;
    text-align: center !important;
    padding: 10px 12px 10px 44px !important;
    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.4) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#p-Comunidad a[href*="aldor.es"]:not([href*="discord"])::before {
    content: "Visita la" !important;
    font-weight: normal !important;
    margin-right: 0.3em !important;
}

#p-Comunidad a[href*="aldor.es"]:not([href*="discord"]):hover {
    background-color: var(--fondo-cabecera-gris, #444448) !important;
    text-decoration: none !important;
}