formstone/dist/css/themes/light/carousel.css

Library of modular front end components.

/*! formstone v1.4.7 [carousel.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-canister{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0;overflow:hidden;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fs-carousel.fs-light.fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister{-webkit-transition:height .5s ease,-webkit-transform .5s ease;transition:height .5s ease,-webkit-transform .5s ease;transition:height .5s ease,transform .5s ease;transition:height .5s ease,transform .5s ease,-webkit-transform .5s ease}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control{width:40px;height:40px;position:absolute;top:0;bottom:0;background:#fff;border-radius:100%;display:block;margin:auto;opacity:0;overflow:hidden;text-indent:200%;-webkit-transition:opacity .15s ease,visibility .15s ease;transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control:before{width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;content:'';margin:auto}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control.fs-carousel-visible{opacity:1;visibility:visible}.no-touchevents .fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control.fs-carousel-visible:hover{background:#cfd8dc}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control_previous,.fs-carousel.fs-light.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next{right:auto;left:20px}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control_previous:before,.fs-carousel.fs-light.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next:before{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10.5px solid #263238;border-left:none;margin-left:13.7px;margin-right:auto}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control_next,.fs-carousel.fs-light.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous{left:auto;right:20px}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control_next:before,.fs-carousel.fs-light.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous:before{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10.5px solid #263238;border-right:none;margin-right:13.7px;margin-left:auto}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-control_disabled{opacity:0}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-pagination{width:100%;margin:10px 0 0;padding:0;text-align:center}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-page{width:10px;height:10px;background:#263238;border-radius:100%;margin:0 3px;opacity:.5;overflow:hidden;text-indent:200%;white-space:nowrap}.fs-carousel.fs-light.fs-carousel-enabled .fs-carousel-page.fs-carousel-active,.no-touchevents .fs-light.fs-carousel-enabled .fs-carousel-page:hover{opacity:1}