Diferencia entre revisiones de «MediaWiki:Common.css»

De Wiki Patrimonio Toén
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:repeat(3fr, 1fr); grid-template-areas:  
#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;}