You are here

field_slideshow.css in Field Slideshow 8.2

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