Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
m |
m |
||
| Línea 4: | Línea 4: | ||
/* Botón Discord en sidebar — Common.css — Vector legacy */ | /* Botón Discord en sidebar — Common.css — Vector legacy */ | ||
#p-Discord .vector-menu-content { | #p-Discord .body, #p-Discord .portal-body, #p-Discord .vector-menu-content { | ||
padding: 8px | margin-left: 0 !important; | ||
display: | padding: 8px 0 !important; | ||
display: flex !important; | |||
justify-content: center !important; | |||
} | } | ||
#p-Discord ul | #p-Discord ul { | ||
list-style: none !important; | list-style: none !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
width: 100% !important; | width: 100% !important; | ||
display: flex !important; | |||
justify-content: center !important; | |||
} | } | ||
#p-Discord li | #p-Discord li { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
width: | width: 85% !important; | ||
} | } | ||
#p-Discord a { | #p-Discord a, | ||
#p-Discord a.external, | |||
#p-Discord a[href^="https://"], | |||
#p-Discord a[href^="http://"] { | |||
display: flex !important; | display: flex !important; | ||
align-items: center !important; | align-items: center !important; | ||
| Línea 30: | Línea 37: | ||
background-image: url("https://wiki.aldor.es/images/f/fb/Discord-Symbol-White.png") !important; | background-image: url("https://wiki.aldor.es/images/f/fb/Discord-Symbol-White.png") !important; | ||
background-repeat: no-repeat !important; | background-repeat: no-repeat !important; | ||
background-position: | background-position: 15px center !important; | ||
background-size: 18px auto !important; | background-size: 18px auto !important; /* auto en vez de 18px fijo: respeta la proporción real (528×400) del PNG */ | ||
color: | color: white !important; | ||
text-align: center !important; | text-align: center !important; | ||
padding: 10px 12px 10px 38px !important; | padding: 10px 12px 10px 38px !important; | ||
| Línea 39: | Línea 46: | ||
font-weight: bold !important; | font-weight: bold !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
transition: background-color 0. | transition: background-color 0.2s ease !important; | ||
font-size: 0.9em !important; | font-size: 0.9em !important; | ||
box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; | box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; | ||
width: 100% !important; | |||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
#p-Discord a:hover { | #p-Discord a:hover, | ||
#p-Discord a.external:hover { | |||
background-color: #4752C4 !important; | background-color: #4752C4 !important; | ||
text-decoration: none !important; | |||
} | } | ||
Revisión del 08:28 25 ago 2026
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Botón Discord en sidebar — Common.css — Vector legacy */
#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;
}
#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;
background-color: #5865F2 !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; /* auto en vez de 18px fijo: respeta la proporción real (528×400) del PNG */
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-Discord a:hover,
#p-Discord a.external:hover {
background-color: #4752C4 !important;
text-decoration: none !important;
}