Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión del 02:07 22 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;
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; }

@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;}