. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
| Server IP : 52.223.31.75 / Your IP : 172.31.32.98 [ Web Server : Apache/2.4.66 () OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux ip-172-31-14-81.eu-central-1.compute.internal 4.14.281-212.502.amzn2.x86_64 #1 SMP Thu May 26 09:52:17 UTC 2022 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE Domains : 4 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/ripara.co/admin/less/inc/ |
Upload File : |
.thumbnail {
a&:hover,
a&:focus,
a&.active {
border-color: darken(@thumbnail-border, 5%);
box-shadow: 0 0 6px #EAEAEA;
}
}
/*
* Lightbox
*/
.lightbox {
.lightbox-item {
& > img {
width: 100%;
border-radius: 2px;
}
.hover-pop(rgba(0,0,0,0.1));
&:hover {
cursor: pointer;
}
}
[data-src] {
.clearfix();
}
.lightbox-item:not(.p-item) {
position: relative;
}
}
/*
* Carousel
*/
.carousel {
.carousel-control {
cursor: pointer;
.transition(all);
.transition-duration(250ms);
.opacity(0);
.zmdi {
position: absolute;
top: 50%;
left: 50%;
line-height: 100%;
@media screen and (min-width: @screen-sm-min) {
font-size: 60px;
width: 60px;
height: 60px;
margin-top: -30px;
margin-left: -30px;
}
@media screen and (max-width: @screen-sm-max) {
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
}
}
}
&:hover {
.carousel-control {
.opacity(1);
}
}
.carousel-caption {
background: rgba(0,0,0,0.6);
left: 0;
right: 0;
bottom: 0;
width: 100%;
padding-bottom: 50px;
& > h3 {
color: #fff;
margin: 0 0 5px;
font-weight: 300;
}
& > p {
margin: 0;
}
@media screen and (max-width: @screen-sm-max) {
display: none;
}
}
.carousel-indicators {
bottom: 10px;
margin: 0;
left: 0;
bottom: 0;
width: 100%;
padding: 0 0 6px;
background: rgba(0,0,0,0.6);
li {
border-radius: 0;
width: 15px;
border: 0;
background: #fff;
height: 3px;
margin: 0 2px;
.transition(all);
.transition-duration(250ms);
&.active {
width: 25px;
height: 3px;
background: @m-orange;
}
}
}
}