MediaWiki discusión:Common.css
De Guild Wars 2 Wiki
Ir a la navegaciónIr a la búsqueda
¿Con quién hay que hablar para poder cambiar algunos estilos CSS y renovar el aspecto de las cajas informativas? ya que este archivo no es editable.--Yllelder (discusión) 19:42 11 abr 2021 (CEST)
- Pues, para que las cajas se vieran con el mismo diseño que en la wiki en inglés (más moderno), habría que cambiar lo siguiente:
Línea 144:
div.cajaInfo { float:right; position:relative; width:250px; background:#FFF; font-size:.923em; border:1px solid #AAA; margin:0 0 1em 1em; padding:0; background-image:linear-gradient(135deg, #fff 0%, #eee 100%); }
Línea 155. Eliminar este bloque por completo:
div.cajaInfo { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image:linear-gradient(top, #fff 0%, #eee 100%); background-image:-o-linear-gradient(top, #fff 0%, #eee 100%); background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); }
Línea 219. Eliminar la propiedad border-radius, quedando el bloque así:
div.cajaInfo .heading { font-weight:700; background-image:url(/images/c/cc/Infobox_header_overlay.png) !important; text-align:center; border:1px solid rgba(0,0,0,0.25); border-bottom-width:0; position:relative; z-index:1; margin:-1px -1px 5px!important; }
- Faltarían de aplicar los siguientes estilos para que los títulos de las cajas se vean bien:
div.cajaInfo .heading { font-family: EasonPro,"Times New Roman",serif !important; font-size: 1.417em !important; color: #FFF !important; text-shadow: rgb(0 0 0 / 75%) 0 0 0.25em; line-height: 1.176em; padding: 0.5em !important; font-weight:700; background-image:url(/images/c/cc/Infobox_header_overlay.png) !important; text-align:center; border:1px solid rgba(0,0,0,0.25); border-bottom-width:0; position:relative; z-index:1; margin:-1px -1px 5px!important; }