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 90 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: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;}


#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;}
a:link{color:#4a58bc; text-decoration:underline;}
#head-left{}
a:visited {color:#101962;}
#head-right{}
a:hover {color:#197ab1;}
 
a:active {color:orange;}
#grid-body-container{display:grid; grid-template-columns:repeat(6fr, 1fr); grid-template-areas: 'poboacion poboacion poboacion poboacion persoeiro persoeiro';
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; }
#persoeiro div{width:100%;}
#persoeiro img, #poboacion img{max-width:100%; height:auto;}
 
@supports(object-fit: cover){
    #persoeiro img, #poboacion img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}

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