You are here

field_slideshow.css in Field Slideshow 8

Same filename and directory in other branches
  1. 8.2 css/field_slideshow.css
.field-slideshow {
  overflow: hidden;
  max-width: 100%;
}

.field-slideshow-slide, .field-slideshow-slide a, .field-slideshow-slide img {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
  /*Temporary fix for background*/
  background-color: #fff;
}

.region-content ul.field-slideshow-pager {
  list-style-type: none;
  padding: 0;
  overflow: hidden;
}

.field-slideshow-pager li {
  float: left;
  margin-right: 5px;
}

.jcarousel-clip {
  overflow: hidden;
}

.field-slideshow-carousel li {
  opacity: 0.6;
}
.field-slideshow-carousel li.activeSlide {
  opacity: 1;
}

.field-slideshow-carousel-wrapper .hidden {
  display: none;
  visibility: hidden;
}

.field-slideshow-controls .play {
  display: none;
}

File

css/field_slideshow.css
View source
  1. .field-slideshow {
  2. overflow: hidden;
  3. max-width: 100%;
  4. }
  5. .field-slideshow-slide, .field-slideshow-slide a, .field-slideshow-slide img {
  6. max-width: 100%;
  7. height: auto !important;
  8. width: auto !important;
  9. /*Temporary fix for background*/
  10. background-color: #fff;
  11. }
  12. .region-content ul.field-slideshow-pager {
  13. list-style-type: none;
  14. padding: 0;
  15. overflow: hidden;
  16. }
  17. .field-slideshow-pager li {
  18. float: left;
  19. margin-right: 5px;
  20. }
  21. .jcarousel-clip {
  22. overflow: hidden;
  23. }
  24. .field-slideshow-carousel li {
  25. opacity: 0.6;
  26. }
  27. .field-slideshow-carousel li.activeSlide {
  28. opacity: 1;
  29. }
  30. .field-slideshow-carousel-wrapper .hidden {
  31. display: none;
  32. visibility: hidden;
  33. }
  34. .field-slideshow-controls .play {
  35. display: none;
  36. }