Current Path : /var/test/www/foundation/wp-content/themes/kallyas/pagebuilder/elements/TH_FancySlider/ |
Current File : /var/test/www/foundation/wp-content/themes/kallyas/pagebuilder/elements/TH_FancySlider/style.css |
/* * jQuery zn_fancy_slider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ .fancyslider__slideshow {overflow:hidden; background-color:#699100; -webkit-transition: background-color .4s cubic-bezier(0.680, 0, 0.265, 1); transition: background-color .4s cubic-bezier(0.680, 0, 0.265, 1); background-image: -webkit-radial-gradient(40.87% 43.25%, circle, rgba(255,255,255,0.12), transparent 70%), -webkit-radial-gradient(65.72% 51.68%, circle, rgba(255,255,255,0.12), transparent 100%), -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 100%); background-image: -webkit-radial-gradient(40.87% 43.25%, circle, rgba(255,255,255,0.12), transparent 70%), radial-gradient(circle at 65.72% 51.68%, rgba(255,255,255,0.12), transparent 100%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 100%); background-image: -webkit-radial-gradient(40.87% 43.25%, circle, rgba(255,255,255,0.12), transparent 70%),-webkit-radial-gradient(65.72% 51.68%, circle, rgba(255,255,255,0.12), transparent 100%),-webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 100%); background-image: radial-gradient(circle at 40.87% 43.25%, rgba(255,255,255,0.12), transparent 70%),radial-gradient(circle at 65.72% 51.68%, rgba(255,255,255,0.12), transparent 100%),radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 100%); } .fancyslider__slideshow .fake-loading {z-index: 2;} .fancyslider__slideshow .kl-slideshow-inner {padding-top: 130px; padding-bottom: 0;} /* zn_fancy_slider Necessary Styles *********************************/ /* Navigation */ .zn_fancy_carousel-nav {position: absolute; left:50%; margin-left: -40px; bottom: -25px; width: 40px; height: 90px; padding: 15px 5px; transform: rotate(90deg);} .zn_fancy_carousel-nav .znSlickNav-arr, .zn_fancy_carousel-nav .znSlickNav-arr svg {width: 30px; height: 30px;} .zn_fancy_carousel-nav polyline {stroke:rgba(255, 255, 255, 0.36);} .fancyslider__slideshow .znSlickNav-arr.znSlickNav-next, .fancyslider__slideshow .znSlickNav-arr.znSlickNav-prev {cursor:pointer; display: block; -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -webkit-transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; } .fancyslider__slideshow .znSlickNav-arr.znSlickNav-next {} .fancyslider__slideshow .znSlickNav-arr.znSlickNav-prev {} .fancyslider__slideshow .znSlickNav-arr.znSlickNav-next:hover polyline, .fancyslider__slideshow .znSlickNav-arr.znSlickNav-prev:hover polyline{stroke:rgba(255, 255, 255, 0.6); } .fancyslider__slideshow .znSlickNav-arr.znSlickNav-next:active polyline, .fancyslider__slideshow .znSlickNav-arr.znSlickNav-prev:active polyline {color:#fff;} /* With no padding */ .controls-inside .zn_fancy_carousel-nav { bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.36); border-radius: 3px; } /* Pagination */ .zn_fancy_carousel-pagi { position: absolute; text-align: center; line-height:1; bottom: -20px; z-index: 2; width: 100%;} .zn_fancy_carousel-pagi li button {} /* .zn_fancy_carousel-pagi .slick-active button, .zn_fancy_carousel-pagi button:hover { background-color: #fff; } */ /* With no padding */ .controls-inside .zn_fancy_carousel-pagi { bottom: 25px; }