Thành viên:Đức Anh/Nháp 66
Giao diện
.radius-img img {
margin-bottom:7px;
border-radius:5px;
}
.tarjeta img {
border-radius:5px 5px 0 0;
transition: width 1s, height 1s, transform 1s;
width: 100%;
height: auto;
}
.tarjeta img:hover{
transform : scale(1.05);
}
.tarjeta-main img {
transition: width 7s, height 7s, transform 7s;
width: 100%;
height: auto;
}
.tarjeta-main img:hover{
transform : scale(1.2);
}
/* SÓLO PARA ANUNCIOS COLUMNA 3 TEMPORAL */
.tarjeta-main2 img {
transition: width 7s, height 7s, transform 7s;
width: 100%;
height: 395px;
}
.tarjeta-main2 img:hover{
transform : scale(1.2);
}
.main-box {
border: solid #c8ccd1;
border-width: 1px 0;
/* box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 ); */
margin: 0 -1rem 1rem;
padding: 1rem;
}
.main-box > p:last-child {
margin-bottom: 0;
}
.main-box-section {
color: #72777d;
line-height: 1.25;
margin-top: -0.125em; /* Equilibrando el límite superior de nombre de sección debido a line-height: 1.25; */
}
/* Encabezado de la [[Plantilla:Portada:Sección]]*/
.main-box-header {
margin-top: -0.15em; /* Equilibrando el límite superior del encabezado debido a line-height: 1.3; */
}
.main-box-header a {
color: inherit;
}
.main-box-section + .main-box-header { /* Cuando existe el nombre, restablecer el margen al valor estándar */
margin-top: 0;
}
.main-box-header a:focus,
.main-box:hover .main-box-header a,
.main-box:hover .main-featuredLists-item > a {
color: #0645ad;
}
/* Tabletas */
@media (min-width: 720px) {
.main-box {
border-radius: 2px;
border-width: 1px;
margin-bottom: 1rem;
margin-left: 0;
margin-right: 0;
}
}
/* Máy tính */
@media (min-width: 1000px) {
.main-box {
margin-bottom: 1rem;
padding: 1rem;
}
}
@media screen and (max-width:1248px){
.tablet{
display:block;
}
.pc{
display:none;
}
}
@media screen and (min-width:1249px){
.tablet{
display:none;
}
.pc{
display:block;
}
}