|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/angkasapuraretail.com/public_html/themes/old-themes/css/ |
Upload File : |
.gallery {
position: relative;
width: 100%;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.gallery {
flex: 0 0 42.5%;
width: 42.5%;
margin-bottom: 0;
}
}
.gallery__label {
position: absolute;
z-index: 10;
top: 20px;
left: 0;
}
.gallery__favorite {
display: flex;
position: absolute;
z-index: 10;
right: 15px;
bottom: 15px;
}
@media (min-width: 768px) {
.gallery__favorite {
display: none;
}
}
.gallery__placeholder {
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #f5f5f5;
font-size: 134px;
}
.gallery :global(.swiper-container) {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.gallery :global(.swiper-wrapper) {
display: flex;
position: relative;
width: 100%;
height: 100%;
transition-property: transform;
}
@media (min-width: 768px) {
.gallery :global(.swiper-wrapper) {
flex-direction: column;
transform: none !important;
}
}
.gallery :global(.swiper-slide) {
position: relative;
flex-shrink: 0;
height: 0;
padding-top: 100%;
overflow: hidden;
}
@media (min-width: 768px) {
.gallery :global(.swiper-slide) {
margin-bottom: 20px;
}
.gallery :global(.swiper-slide):last-child {
margin-bottom: 0;
}
}
.gallery :global(.swiper-pagination) {
display: flex;
position: absolute;
z-index: 10;
bottom: 15px;
left: 0;
align-items: center;
justify-content: center;
width: 100%;
height: 12px;
}
@media (min-width: 768px) {
.gallery :global(.swiper-pagination) {
display: none;
}
}
.gallery :global(.swiper-pagination-bullet) {
display: block;
width: 8px;
height: 8px;
margin: 0 4px;
transition: background 300ms, width 300ms, height 300ms;
border-radius: 50%;
background: #e5e5e5;
}
.gallery :global(.swiper-pagination-bullet-active) {
width: 12px;
height: 12px;
background: var(--secondary-main);
}