You are here

bootstrap_carousel.css in bootstrap_carousel 7

div.carousel div.carousel-caption,
div.carousel div.carousel-caption p,
div.carousel div.carousel-caption h1,
div.carousel div.carousel-caption h2,
div.carousel div.carousel-caption h3,
div.carousel div.carousel-caption h4,
div.carousel div.carousel-caption h5,
div.carousel div.carousel-caption span,
div.carousel div.carousel-caption a {
  color: #fff;
}
/*div.carousel div iframe {
  visibility:hidden;
}
div.carousel div.active iframe {
  visibility:visible;
}*/
div.video-wrapper {
  max-width: 100%;
}

div.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

div.video-container iframe,
div.video-container object,
div.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container { 
  width: 70%;
  left: 15%;
}

File

styles/bootstrap_carousel.css
View source
  1. div.carousel div.carousel-caption,
  2. div.carousel div.carousel-caption p,
  3. div.carousel div.carousel-caption h1,
  4. div.carousel div.carousel-caption h2,
  5. div.carousel div.carousel-caption h3,
  6. div.carousel div.carousel-caption h4,
  7. div.carousel div.carousel-caption h5,
  8. div.carousel div.carousel-caption span,
  9. div.carousel div.carousel-caption a {
  10. color: #fff;
  11. }
  12. /*div.carousel div iframe {
  13. visibility:hidden;
  14. }
  15. div.carousel div.active iframe {
  16. visibility:visible;
  17. }*/
  18. div.video-wrapper {
  19. max-width: 100%;
  20. }
  21. div.video-container {
  22. position: relative;
  23. padding-bottom: 56.25%;
  24. padding-top: 30px;
  25. height: 0;
  26. overflow: hidden;
  27. }
  28. div.video-container iframe,
  29. div.video-container object,
  30. div.video-container embed {
  31. position: absolute;
  32. top: 0;
  33. left: 0;
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .video-container {
  38. width: 70%;
  39. left: 15%;
  40. }