<div align="center" class="photoinfo">
<a href="$FULL_PHOTO_DIRECT_URL$" class="ulightbox" data-fancybox-group="ulightboxgroup"><img src="$FULL_PHOTO_DIRECT_URL$"></a>
<div class="catinfo">$CAT_NAME$</div>
</div>
<style>
.photoinfo {float:left;width:100%;}
.catinfo {
float: left;
width: auto;
max-width:40%;
background: url(/img/bglinka.gif);
background-size: 19%;
background-repeat: repeat;
margin-top: -18%;
position: relative;
padding: 2%;
}
.catinfo>a {color:white;text-decoration:none;}
.infTd {width:18%!important;float:left;margin-left:2%;margin-top:1%;}
.infTable {
width: 104%;
float: left;
margin-left: -3%;
margin-top: -2%;
}
@media screen and (max-width:1260px) {
.catinfo {
float: left;
width: auto;
font-size: 7vw;
background: url(/img/bglinka.gif);
background-size: 55%;
background-repeat: repeat;
margin-top: -14%;
position: relative;
padding: 2%;
}
.infTd {
width: 98%!important;
float: left;
margin-left: 2%;
margin-top: 5%;
}
#content-tab3 img {
width: 100%;
height: 571px!important;
object-fit: cover;
border-radius: 0px;
opacity: 1;
margin-left: -.5%;
transition: .3s all ease;
}
}
</style>
Контент-модули
Продвижение сайта
Управление сайтом