Mini Kabibi Habibi
.products-category {
height: 100%;
}
.products-category .gallery {
height: 100%;
width: 100%;
overflow: visible;
text-align: center;
line-height: 38px;
}
.products-category .gallery .gallery-item {
width: 350px;
height: 100%;
}
.products-category .gallery .gallery-item .item-container
{
position: absolute;
top: 50%;
height: 260px;
margin-top: -97px;
display: block;
}
.products-category .dx-gallery-item .t1 .item-container
{
margin-top: -20px;
}
.products-category .dx-gallery-item .t2 .item-container
{
margin-top: 0;
}
.products-category .dx-gallery-item .t6 .item-container
{
margin-top: 10px;
}
.products-category .gallery .dx-gallery-wrapper {
margin-left: 35%;
}
.products-category .gallery .dx-gallery-item {
width: 300px;
text-align: center;
height: 100%;
}
.products-category .gallery .dx-gallery-item img {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
rotation-point: 50% 50%;
rotation: 45deg;
-webkit-transform: rotate(45deg) scale(1, 1);
-moz-transform: rotate(45deg) scale(1, 1);
-o-transform: rotate(45deg) scale(1, 1);
-ms-transform: rotate(45deg) scale(1, 1);
height: 380px;
}
.products-category .gallery .dx-gallery-item-selected img {
-webkit-transform: rotate(45deg) scale(1.5);
-moz-transform: rotate(45deg) scale(1.5);
-o-transform: rotate(45deg) scale(1.5);
-ms-transform: rotate(45deg) scale(1.5);
}
.products-category .gallery .dx-gallery-item-selected {
z-index: 999;
}
.products-category .dx-gallery-item .t2,
.products-category .dx-gallery-item .t6 {
position: absolute;
margin-top: -102px;
}
.products-category .dx-gallery-item .t2 img {
height: 205px;
}
.products-category .dx-gallery-item .t1 {
position: absolute;
margin-top: -190px;
}
.products-category .dx-gallery-item .t3,
.products-category .dx-gallery-item .t4,
.products-category .dx-gallery-item .t5 {
position: absolute;
*margin-top: -100px;
}
.products-category .dx-gallery-item .t3 img {
height: 200px;
}
.products-category .dx-gallery-item .t4 img {
height: 200px;
}
.products-category .dx-gallery-item .t5 img,
.products-category .dx-gallery-item .t6 img {
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
}
.products-category .dx-gallery-item .t5 img,
.products-category .dx-gallery-item .t6 img {
-webkit-transform: rotate(0) scale(1.5);
-moz-transform: rotate(0) scale(1.5);
-o-transform: rotate(0) scale(1.5);
-ms-transform: rotate(0) scale(1.5);
}
.products-category .dx-gallery-item .t5 img {
height: 200px;
}
.products-category .dx-gallery-item .t6 img {
height: 170px;
}
.products-category .item-details {
font-size: 28px;
line-height: 30px;
text-align: left;
padding-top: 10px;
width: 50%;
float: right;
}
.products-category .item-details .price {
font-weight: normal;
line-height: 55px;
}
.products-category .preloader {
display: block;
width: 128px;
height: 128px;
position: absolute;
top: 50%;
margin-top: -64px;
left: 50%;
margin-left: -64px;
}
@media only screen and (max-height : 550px) {
.products-category .gallery .dx-gallery-item .t1 img,
.products-category .gallery .dx-gallery-item .t2 img,
.products-category .gallery .dx-gallery-item .t3 img,
.products-category .gallery .dx-gallery-item .t4 img {
-webkit-transform: rotate(45deg) scale(.8);
-moz-transform: rotate(45deg) scale(.8);
-o-transform: rotate(45deg) scale(.8);
-ms-transform: rotate(45deg) scale(.8);
}
.products-category .gallery .dx-gallery-item-selected .t1 img,
.products-category .gallery .dx-gallery-item-selected .t2 img,
.products-category .gallery .dx-gallery-item-selected .t3 img,
.products-category .gallery .dx-gallery-item-selected .t4 img {
-webkit-transform: rotate(45deg) scale(1.1);
-moz-transform: rotate(45deg) scale(1.1);
-o-transform: rotate(45deg) scale(1.1);
-ms-transform: rotate(45deg) scale(1.1);
}
.products-category .gallery .dx-gallery-item .t5 img,
.products-category .gallery .dx-gallery-item .t6 img {
-webkit-transform: rotate(0) scale(.8);
-moz-transform: rotate(0) scale(.8);
-o-transform: rotate(0) scale(.8);
-ms-transform: rotate(0) scale(.8);
}
.products-category .gallery .dx-gallery-item-selected .t5 img,
.products-category .gallery .dx-gallery-item-selected .t6 img {
-webkit-transform: rotate(0) scale(1.1);
-moz-transform: rotate(0) scale(1.1);
-o-transform: rotate(0) scale(1.1);
-ms-transform: rotate(0) scale(1.1);
}
.products-category .dx-gallery-item .t1 .item-container {
margin-top: 0;
}
.products-category .item-details {
font-size: 14px;
line-height: 14px;
}
.products-category .item-details .price {
line-height: 45px;
}
}