Diferencia entre revisiones de «MediaWiki:Common.css»

De Wiki Patrimonio Toén
Ir a la navegación Ir a la búsqueda
 
(No se muestran 45 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* 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; 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: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: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: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: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; 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: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-family:merriweather, roboto, sans serif; }
@font-face{font-family:gibson; font-display:auto; src:url('fonts/GibsonRegular.OTF'); }
#contedor-cabeceira{padding:2em; border:1px solid #ddd; border-radius:5px; display:grid; justify-content:center; grid-template-columns: repeat(2, 1fr); background:#afd9f7; }
@font-face{font-family:segoe; font-display:auto; src:url('fonts/Segoe UI.ttf'); }
#cabeceira-esquerda{}
body{font-family:merriweather, roboto, sans serif; }
#cabeceira-dereita{}
#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;}
#personaxe {margin-bottom:2em; }
#head-left{}
#contedor-corpo{display:grid; justify-content:center; grid-template-columns: repeat(3, 1fr); gap:25px;}
#head-right{}
#corpo-esquerda{grid-column: 1 / 3; }
#corpo-dereita{grid-column: 3 / 4; padding-top:2.5em;}
.contedor{padding:1.5em; border:1px solid #ddd; border-radius:5px;}
.imaxe img {max-width:100%;height:auto; overflow:hidden;}
.seccion{font-size:1.5em; padding-bottom:0.9em;}
.titulo{font-size:1.3em; padding:0.9em 0 0.3em 0;}


#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;}
#poboacion{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}
#persoeiro{border:1px solid #ccc; border-radius:5px;  padding:1em;  margin-top:20px;}
#pezadomes {border:1px solid #ccc; border-radius:5px;  padding:1em;  margin-top:20px;}
#asociacion{border:1px solid #ccc; border-radius:5px; padding:1em;  margin-top:20px;}
#imaxe-do-dia{border:1px solid #ffbb00 border-radius:5px; padding:1em;  margin-top:20px;}
.cadro{border:1px solid #ffbb00; border-radius:5px; padding:1em;  margin-top:20px;}
#persoeiro div{width:100%;}
#persoeiro img, #poboacion img, #pezadomes img, #asociacion img, #imaxe-do-dia img, .cadro 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:link{color:#4a58bc; text-decoration:underline;}
a:visited {color:#101962;}
a:visited {color:#101962;}
a:hover {color:#197ab1;}
a:hover {color:#197ab1;}
a:active {color:orange;}
a:active {color:orange;}

Revisión actual del 22:29 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'); }
*{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); background:#afd9f7; }
#cabeceira-esquerda{}
#cabeceira-dereita{}
#personaxe {margin-bottom:2em; }
#contedor-corpo{display:grid; justify-content:center; grid-template-columns: repeat(3, 1fr); gap:25px;}
#corpo-esquerda{grid-column: 1 / 3; }
#corpo-dereita{grid-column: 3 / 4; padding-top:2.5em;}
.contedor{padding:1.5em; border:1px solid #ddd; border-radius:5px;}
.imaxe img {max-width:100%;height:auto; overflow:hidden;}
.seccion{font-size:1.5em; padding-bottom:0.9em;}
.titulo{font-size:1.3em; padding:0.9em 0 0.3em 0;}

a:link{color:#4a58bc; text-decoration:underline;}
a:visited {color:#101962;}
a:hover {color:#197ab1;}
a:active {color:orange;}