carousel.css 819 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* CUSTOMIZE THE CAROUSEL
  2. -------------------------------------------------- */
  3. /* Carousel base class */
  4. .carousel {
  5. }
  6. /* Since positioning the image, we need to help out the caption */
  7. .carousel-caption {
  8. z-index: 10;
  9. color: inherit;
  10. text-shadow: none;
  11. }
  12. .carousel-control.right, .carousel-control.left {
  13. background-image: none;
  14. }
  15. .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right {
  16. display: inline-block;
  17. left: 40%;
  18. position: absolute;
  19. top: 50%;
  20. z-index: 5;
  21. }
  22. /* Declare heights because of positioning of img element */
  23. .carousel .item {
  24. height: 500px;
  25. /* background-color: #777; */
  26. }
  27. .carousel-inner > .item > img {
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. min-width: 100%;
  32. height: 500px;
  33. }