.ui-lightbox > span {
width: 100%;
height: 100%;
}
.uilightbox.rotate {
position: relative;
display: inline-block;
}
.uilightbox.rotate .uilightbox-inner {
border-radius: 50%;
}
.templaza-widget-uilightbox .ui-lightbox {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.templaza-widget-uilightbox .ui-lightbox:hover {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.ui-lightbox-ripple-hover {
transition: all 0.4s ease;
}
.ui-lightbox-ripple-hover:before, .ui-lightbox-ripple-hover:after {
transition: all 0.4s ease;
}
.ui-lightbox-ripple, .ui-lightbox-ripple-hover:hover {
position: relative;
}
.ui-lightbox-ripple:before, .ui-lightbox-ripple:after, .ui-lightbox-ripple-hover:hover:before, .ui-lightbox-ripple-hover:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
background: transparent;
transform: translate(-50%, -50%);
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
transition: all 0.4s ease;
}
.ui-lightbox-ripple:after, .ui-lightbox-ripple-hover:hover:after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}