Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión del 10:04 21 jul 2021

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
@font-face{font-family:helvetica; font-display:auto; src:url('fonts/Helvetica35Thin_22435.ttf'); }
@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:lato; font-display:auto; src:url('fonts/Lato/Lato-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:museomoderno; font-display:auto; src:url('fonts/MuseoModerno/MuseoModerno-VariableFont_wght.ttf'); }
@font-face{font-family:noto sans;font-display:auto; src:url('fonts/Noto_Sans_TC/NotoSansTC-Regular.otf'); }
@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'); }
@font-face{font-family:source sans pro; font-display:auto; src:url('fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf'); }
@font-face{font-family:gibson; font-display:auto; src:url('fonts/GibsonRegular.OTF'); }
@font-face{font-family:segoe; font-display:auto; src:url('fonts/Segoe UI.ttf'); }
body{font-family:merriweather, roboto, sans serif; }
#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:repeat(3,1fr); grid-template-areas: 'left left right'; gap:20px;} 
#body-left{grid-area:left;}
#body-right{grid-area:right;}


div #poboacion{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}
div #persoeiro{border:1px solid #ccc; border-radius:5px;  padding:1em;  margin-top:20px;}
div #pezadomes {border:1px solid #ccc; border-radius:5px;  padding:1em;  margin-top:20px;}
div #asociacion{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}
div #imaxe-do-dia{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}
div .cadro{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}

#persoeiro div{width:100%;}
#persoeiro img, #poboacion img, #pezadomes img, #asociacion img, #imaxe-do-dia img{max-width:100%; height:auto;}



@supports(object-fit: cover){
    #persoeiro img, #poboacion img, #pezadomes img, #asociacion img, .cadro 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;}