Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
| Línea 5: | Línea 5: | ||
#head-right{} | #head-right{} | ||
#grid-body-container{display:grid; grid-template-columns: | #grid-body-container{display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-areas: | ||
' poboacion poboacion persoeiro' | ' poboacion poboacion persoeiro' | ||
'pezadomes pezadomes asociacion'; | 'pezadomes pezadomes asociacion'; | ||
Revisión del 10:47 20 jul 2021
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
#grid-head-container{padding:2em; border:1px solid #ddd; border-radius:5px; display:grid; justify-content:center; grid-template-columns: repeat(2, 1fr); background:#f3f3f3;}
#head-left{}
#head-right{}
#grid-body-container{display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-areas:
' poboacion poboacion persoeiro'
'pezadomes pezadomes asociacion';
gap:40px; margin-top:40px;}
#poboacion{grid-area:poboacion;border:1px solid #ddd; border-radius:5px; padding:2em; }
#persoeiro{grid-area:persoeiro;border:1px solid #ddd; border-radius:5px; padding:2em; }
#pezadomes {grid-area:pezadomes;border:1px solid #ddd; border-radius:5px; padding:2em; }
#asociacion{grid-area:asociacion;border:1px solid #ddd; border-radius:5px; padding:2em; }
#persoeiro div{width:100%;}
#persoeiro img, #poboacion img, #pezadomes img, #asociacion img{max-width:100%; height:auto;}
@supports(object-fit: cover){
#persoeiro img, #poboacion img, #pezadomes img, #asociacion img{
height: 100%;
object-fit: cover;
object-position: center center;
}
}
.titulo{font-size:150%;}
.mt10{padding-top:10px;}