-
Notifications
You must be signed in to change notification settings - Fork 10
/
jquery.carousel.css
44 lines (44 loc) · 1.7 KB
/
jquery.carousel.css
1
.dcCarousel .items { min-height: 400px; text-align: center; }.dcCarousel .carousel-holder { overflow: hidden; }.dcCarousel .carousel-holder p { text-align: center; margin: 0 auto; font-size: 50px; }.dcCarousel .carousel-holder .arrowl, #productCarousel .carousel-holder .arrowr { display: block; float: left; width: 40px; height: 70px; cursor: pointer; }.dcCarousel .carousel-holder .arrowl { }.dcCarousel .carousel-holder .arrowr { }.dcCarousel .carousel-holder .holder { width: 800px; float: left; overflow: hidden; }.dcCarousel .carousel-holder ul { width: 800px; list-style: none; }.dcCarousel .carousel-holder li { float: left; display: inline; width: 120px; padding: 0 20px; opacity: 0.5; filter: alpha(opacity=50); }.dcCarousel .carousel-holder li.selected { opacity: 1; filter: alpha(opacity=100); }.dcCarousel .carousel-holder li:hover { opacity: 1; filter: alpha(opacity=100); }.dcCarousel .carousel-holder .items .item { width: 500px; height: 400px; margin: 10px auto 20px auto; }.dcCarousel .controls { list-style: none; overflow: hidden; margin: 10px 0;}.dcCarousel .controls li { display: block; float: left; margin: 0 5px;}.dcCarousel .controls li a { display: block; width: 10px; height: 10px; border-radius: 10px; background: #ccc;}.dcCarousel .controls li a:hover { background: #aaa;}.dcCarousel .controls li.selected a:hover { }.dcCarousel .controls li.selected a { background: #191919; }.dcCarousel .outer-center { float: right; right: 50%; position: relative;}.dcCarousel .inner-center { float: right; right: -50%; position: relative;}.dcCarousel .clear { clear: both;}.dcCarousel .padder { padding: 20px 0; clear: both; }