• Home
• com.github.gwtmaterialdesign
• gwt-material-addins
• 2.1-rc2
• source code
• custom.min.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

gwt.material.design.addins.client.carousel.resources.css.custom.min.css Maven / Gradle / Ivy

.material-carousel.fullscreen{position:fixed;z-index:9999;left:0;right:0;top:0;bottom:0}.carousel-onboard,.carousel-onboard .material-carousel-container{position:relative}.carousel-image .slick-dots{margin-top:-40px}.carousel-image .slick-dots li{background:rgba(255,255,255,.5)}.carousel-image .slick-dots li.slick-active{background:#fff}.carousel-image .carousel-next-arrow,.carousel-onboard .carousel-next-arrow{background:0 0;box-shadow:none;right:12px}.carousel-image .carousel-prev-arrow,.carousel-onboard .carousel-prev-arrow{background:0 0;box-shadow:none;left:12px}.carousel-onboard .carousel-next-arrow,.carousel-onboard .carousel-prev-arrow{bottom:20px;top:initial;z-index:1001}.carousel-onboard .slick-dots{margin-top:-56px;z-index:1;position:relative}.carousel-onboard .slick-dots li{background:rgba(255,255,255,.5)}.carousel-onboard .slick-dots li.slick-active{background:#fff}.carousel-onboard .slick-slide{padding-bottom:80px;margin-bottom:0}.carousel-onboard{top:0;left:0;right:0;width:100%!important;height:100%;z-index:1009}.carousel-onboard img{margin:auto}.carousel-onboard .material-carousel-container .fixed-item{position:absolute;z-index:999;bottom:90px;margin:auto;width:100%;text-align:center}@media only screen and (min-width:993px){.material-carousel.carousel-onboard{height:100vh;display:flex;align-items:center;background:#e9e9e9}.material-carousel.carousel-onboard .material-carousel-container{width:30%;margin:auto}.material-carousel.carousel-onboard .slick-list{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);overflow:hidden}.material-carousel.carousel-onboard .slick-slide{padding-left:4%;padding-right:4%;padding-bottom:120px;text-align:center;margin-bottom:-40px}.material-carousel .carousel-prev-arrow,.material-carousel.carousel-onboard .carousel-next-arrow{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.material-carousel .carousel-prev-arrow.btn-floating:hover,.material-carousel.carousel-onboard .carousel-next-arrow.btn-floating:hover{background:#fff}.material-carousel .carousel-prev-arrow i,.material-carousel.carousel-onboard .carousel-next-arrow i{color:#9E9E9E!important}.material-carousel.carousel-onboard .slick-dots{margin-top:4px}.material-carousel.carousel-onboard .slick-dots li{background:rgba(0,0,0,.2)}.material-carousel.carousel-onboard .slick-dots li.slick-active{background:rgba(0,0,0,.4)}.material-carousel.carousel-onboard .carousel-next-arrow{right:31%}.material-carousel.carousel-onboard .carousel-prev-arrow{left:31%}}@media only screen and (max-width:992px){.material-carousel.carousel-onboard .slick-slide{height:100vh}.material-carousel.carousel-onboard .col .material-label{width:100%;font-size:1.4em}.material-carousel.carousel-onboard .carousel-next-arrow,.material-carousel.carousel-onboard .carousel-prev-arrow{display:none!important}}@media only screen and (max-width:992px) and (orientation:portrait){.material-carousel.carousel-onboard{text-align:center}}@media only screen and (max-width:992px) and (orientation:landscape){.material-carousel.carousel-onboard .slick-slide{display:flex!important;align-items:center}.material-carousel.carousel-onboard .col:nth-child(2){margin-top:80px!important}.material-carousel.carousel-onboard .col{width:50%}}