Current Path : /var/test/www/foundation/wp-content/themes/kallyas/pagebuilder/elements/smart_carousel/ |
Current File : /var/test/www/foundation/wp-content/themes/kallyas/pagebuilder/elements/smart_carousel/style.css |
/* Edit Mode */ /* .znSmartCarouselMode--edit .znSmartCarousel-item {float: none; margin-bottom: 0; position: relative; padding: 0; } */ .znSmartCarouselMode--edit .slick-list {overflow: visible;} .znSmartCarousel {position: relative;} .znSmartCarousel-container {padding-left: 15px; padding-right: 15px;} /* Nav */ .znSmartCarousel-arr {z-index: 2;} /* Navigation Position */ .znSmartCarousel-navPosition--top-center, .znSmartCarousel-navPosition--bottom-center {margin-left: auto; margin-right: auto; max-width: 150px; text-align: center; } .znSmartCarousel-navPosition--top-center .znSmartCarousel-arr, .znSmartCarousel-navPosition--bottom-center .znSmartCarousel-arr {margin-left: 20px; margin-right: 20px; } .znSmartCarousel-navPosition--top-left, .znSmartCarousel-navPosition--bottom-left {float:left;} .znSmartCarousel-navPosition--top-right, .znSmartCarousel-navPosition--bottom-right {float:right;} /* Middle */ .znSmartCarousel-navPosition--middle .znSmartCarousel-arr {position: absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .znSmartCarousel-navPosition--middle .znSmartCarousel-prev {right:calc(100% + 15px);} .znSmartCarousel-navPosition--middle .znSmartCarousel-next {left:calc(100% + 15px);} /* Navigation Size */ .znSmartCarousel-arr, .znSmartCarousel-arr svg {width: 18px; height: 18px; cursor: pointer } .znSmartCarousel-arr polyline {-webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .element-scheme--dark .znSmartCarousel-arr polyline {stroke: white;} .znSmartCarousel-arr:hover polyline {stroke-width:35;} .znSmartCarousel-arr:active polyline {stroke-width:50;} /* style #1 - just bigger arrows */ .znSmartCarousel-navStyle--s1 .znSmartCarousel-arr, .znSmartCarousel-navStyle--s1 .znSmartCarousel-arr svg {width: 28px; height: 28px; } /* pagination */ .znSmartCarousel-pagi {} .znSmartCarousel-pagi a {display: inline-block; padding: 4px; opacity: .3; } .znSmartCarousel-pagi a:before {content:''; display: inline-block; width: 5px; height: 5px; background: #000; border-radius: 50%;} .element-scheme--dark .znSmartCarousel-pagi a:before {background: white;} .znSmartCarousel-pagi a:hover, .znSmartCarousel-pagi a.selected {opacity: .6;} /* Pagination Position */ .znSmartCarousel-bulletsPosition--top-center, .znSmartCarousel-bulletsPosition--bottom-center {width: 100%; text-align: center;} .znSmartCarousel-bulletsPosition--top-left, .znSmartCarousel-bulletsPosition--bottom-left {float:left;} .znSmartCarousel-bulletsPosition--top-right, .znSmartCarousel-bulletsPosition--bottom-right {float:right;} /* Pagination inside Navigation */ .znSmartCarousel-bulletsPosition--top-center, .znSmartCarousel-bulletsPosition--bottom-center {} /* Preloader */ .znSmartCarousel-hasPreloader .znSmartCarousel-loading {-webkit-transition:visibility .3s ease-out, opacity .3s ease-out; transition: visibility .3s ease-out, opacity .3s ease-out; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:50px; height: 50px;} .znSmartCarousel-hasPreloader .znSmartCarousel-loading:before {content:''; width: 100%; height: 100%; display: block; border:2px solid rgba(0,0,0,0.05); border-top-color:rgba(0,0,0,0.15); border-radius: 50%; -webkit-animation:spin-rotate .5s infinite linear; animation:spin-rotate .5s infinite linear;} .is-initialised .znSmartCarousel-loading {visibility:hidden; opacity: 0;} @-webkit-keyframes spin-rotate { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) } } @keyframes spin-rotate { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) } } /* Fade in the carousel */ .znSmartCarousel-hasPreloader .znSmartCarousel-loadingContainer {visibility:hidden; opacity:0; -webkit-transition:visibility .3s ease-out, opacity .3s ease-out; transition: visibility .3s ease-out, opacity .3s ease-out;} .is-initialised .znSmartCarousel-loadingContainer {visibility:visible; opacity: 1; -webkit-transition-delay:1s; transition-delay:1s; } .znSmartCarousel-item {outline:none;} /* Page Builder Mode hacks */ .zn_pb_editor_enabled .znSmartCarousel-item .znSmartCarousel-container {-webkit-transform: translateX(-4999px);transform: translateX(-4999px);} .zn_pb_editor_enabled .znSmartCarousel-item.slick-current .znSmartCarousel-container {-webkit-transform: none;transform: none;}