Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión del 09:04 22 jul 2021

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
@font-face{font-family:fira sans; font-display:auto; src:url('fonts/Fira_Sans/FiraSans-Regular.ttf'); }
@font-face{font-family:fira sans condensed; font-display:auto; src:url('fonts/Fira_Sans_Condensed/FiraSansCondensed-Regular.ttf'); }
@font-face{font-family:merriweather; font-display:auto; src:url('fonts/Merriweather/Merriweather-Regular.ttf'); }
@font-face{font-family:montserrat; font-display:auto; src:url('fonts/Montserrat/Montserrat-SemiBold.ttf'); }
@font-face{font-family:open sans condensed; font-display:auto; src:url('fonts/Open_Sans_Condensed/OpenSansCondensed-Light.ttf'); }
@font-face{font-family:roboto; font-display:auto; src:url('fonts/Roboto/Roboto-Regular.ttf'); }
@font-face{font-family:roboto condensed; font-display:auto; src:url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf'); }
body{font-family:merriweather, roboto, sans serif; }
#contedor-cabeceira{padding:2em; border:1px solid #ddd; border-radius:5px; display:grid; justify-content:center; grid-template-columns: repeat(2, 1fr); }
#cabeceira-esquerda{}
#cabeceira-dereita{}

#grid-body-container{display:grid; grid-template-columns:repeat(3,1fr); grid-template-areas: 'left left right'; gap:20px;
grid-template-areas:
'destacado destacado personaxe'
'destacado destacado personaxe'
'destacado destacado personaxe'
'efemerides efemerides imaxe'
'efemerides efemerides imaxe'
'efemerides efemerides imaxe'
'poboacion poboacion asociacion'
'poboacion poboacion asociacion'
'poboacion poboacion asociacion';} 



.contedor{border:1px solid #ffbb00; border-radius:5px; padding:1em;  margin-top:20px;}
.contedor img{max-width:100%; height:auto;}
#artigo-destacado {grid-area:destacado;}
#imaxe-do-dia {grid-area:imaxe;}
#personaxe {grid-area:personaxe; }
#efemerides {grid-area:efemerides; }
#poboacion {grid-area:poboacion; }
#asociacion {grid-area:asociacion; }

#artigo-destacado img, #imaxe-do-dia img, #personaxe img,  #efemerides img, #poboacion img #asociacion img {max-width:100%; height:auto;}



@supports(object-fit: cover){
    .contedor img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}
.titulo{font-size:160%; padding:10px 0 20px 0;}
.subtitulo{font-size:140%;}
.mt10{padding-top:5px;}
a:link{color:#4a58bc; text-decoration:underline;}
a:visited {color:#101962;}
a:hover {color:#197ab1;}
a:active {color:orange;}