Usuario:Jorge Abellán/common.css
Nota: Después de guardar, debes recargar la caché de tu navegador para ver los cambios:
- Mozilla: Pulsa Recargar (o Ctrl-R)
- Internet Explorer / Opera: Ctrl-F5
- Safari: Cmd-R
- Konqueror Ctrl-R.
.img-movil img {
width: 100%;
height: auto;
padding:0;
margin:0;
}
.img-movil .thumb .thumbinner .image .thumbimage img {
width: 100%;
height: auto;
padding:0;
margin:0;
}
#content {
line-height: 1;
}
/* Estilos para imágenes en Portada 2019 y secciones */
.radius-img img {
margin-bottom:7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
}
.tarjeta img {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius:5px 5px 0 0;
transition: width 1s, height 1s, transform 1s;
-moz-transition: width 1s, height 1s, -moz-transform 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
-o-transition: width 1s, height 1s,-o-transform 1s;
width: 100%;
height: auto;
}
.tarjeta img:hover{
-ms-transform : scale(1.05); /* IE */
-moz-transform : scale(1.05); /* Firefox */
-webkit-transform : scale(1.05); /* Chrome - Safari */
-o-transform : scale(1.05); /* Opera */
transform : scale(1.05);
}
.tarjeta-main img {
transition: width 7s, height 7s, transform 7s;
-moz-transition: width 7s, height 7s, -moz-transform 7s;
-webkit-transition: width 7s, height 7s, -webkit-transform 7s;
-o-transition: width 7s, height 7s,-o-transform 7s;
width: 100%;
height: 100%;
}
.tarjeta-main img:hover{
-ms-transform : scale(1.2); /* IE */
-moz-transform : scale(1.2); /* Firefox */
-webkit-transform : scale(1.2); /* Chrome - Safari */
-o-transform : scale(1.2); /* Opera */
transform : scale(1.2);
}
/* PORTADA 2021 WIKINOTICIAS */
/* .tickertitle {
text-align: center;
font-family:'Helvetica';
font-size: 100%;
color: white;
background: black;
font-weight:bold;
padding: 5px 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
display:inline-block;
}
.graphos {
color: #F00;
font-size:1.2em;
margin-left: 4px;
display:inline-block;
}
.tickertext {
height: 36px;
overflow: hidden;
}
.destacada {
vertical-align: top;
position: relative;
margin: 0 0 20px 0;
padding: 0;
}
.destacada img {
width: 100%;
height: auto;
}
.destcat{
font-family:'Helvetica';
font-weight: 500;
font-size: 1rem;
line-height: 1.125;
margin-bottom: 7px;
color: #d2e6f8;
}
.destitle{
font-size:2rem;
font-family:'Helvetica';
font-weight:700;
line-height: 1.05;
margin: 0;
color: #FFF;
padding-right:20px;
text-shadow: 1px 1px 10px black;
}
.noticia {
vertical-align: top;
display: inline-block;
position: relative;
margin: 0;
padding: 0 8px 0 0;
}
.noticia img {
width: 100%;
height: auto;
}
.ncat {
font-family:'Helvetica';
font-weight: 500;
font-size: .9rem;
line-height: 1.125;
margin-bottom: 7px;
color: #2182DC;
}
.ntitle {
font-size:1.5rem;
font-family:'Helvetica';
font-weight:700;
line-height: 1.05;
margin: 0 0 20px;
color: #222;
padding-right:20px;
}
.lastnews{
vertical-align: top;
display:inline-block;
position: relative;
padding: 0;
color: #222;
font-size:1rem;
font-family:'Helvetica';
font-weight:600;
line-height: 1.2;
text-decoration:none;
}
.lastnews ul{
list-style-image: url();
}
.lastnews a{
color:#222;
}
.btn{
border-radius:10px;
background-color:#2182DC;
font-family:'Helvetica';
border:1px solid #2182DC;
color:white;
}
.btn:hover{
background-color:white;
border:1px solid #CCC;
color:#222;
}
.proyecto {
vertical-align: top;
display: inline-block;
position: relative;
margin: 0;
padding: 0 8px 0 0;
}
.proyecto img {
width: 100%;
height:auto;
}
.pdesc {
font-family:'Helvetica';
font-weight: 500;
font-size: .9rem;
line-height: 1.125;
margin: 0 0 20px;
color: #2182DC;
}
.ptitle {
font-size:1.5rem;
font-family:'Helvetica';
font-weight:700;
line-height: 1.05;
margin-bottom: 7px;
color: #222;
padding-right:20px;
}
.banner{
background-color:#2182DC;
padding:0;
color:white;
margin:0 0 20px 0;
font-family:'Helvetica';
font-weight:600;
line-height: 1.2;
}
.footer{
background-color:#1F1F1F;
padding:1.5em 2.5em;
margin:0 -24px 0 -24px;
font-family:'Helvetica';
color:white;
font-weight:600;
line-height: 1.2;
text-decoration:none;
}
.copy{
background-color:#000000;
padding:1.5em 2.5em;
margin:0 -24px -24px -24px;
font-family:'Helvetica';
color:white;
font-size:90%;
line-height: 1.2;
}
.copy a.external{
color:#d2e6f8;
text-decoration:none;
}
.copy a.external:hover{
color:#EEEEEE;
}
.list{
float:right;
margin:0.7em 0;
}
.banner a, .footer a, .comunidad a{
color:white;
}
.banner a:hover, .footer a:hover, .comunidad a:hover{
color:#EEE;
}
.banner .mw-ui-quiet, .comunidad .mw-ui-quiet{
color:white;
}
.comunidad .mw-ui-quiet{
padding:0 20px 0 0;
font-weight:600;
}
.banner .mw-ui-quiet:hover, .comunidad .mw-ui-quiet:hover{
color:#EEE;
}
.reportajes{
background-color:#EEEEEE;
padding:1.5em 24px 2em 24px;
margin:0 -24px;
font-family:'Helvetica';
font-weight:600;
line-height: 1.2;
text-decoration:none;
}
.reportajes a{
color:#222;
}
.comunidad{
background-color:#b2c1d8;
padding:1.5em 24px 2em 24px;
margin:0 -24px;
font-family:'Helvetica';
font-weight:600;
line-height: 1.2;
text-decoration:none;
color:white;
}
.list img{
margin:0 10px;
height:40px;
width:auto;
} */