You are here

views_slideshow_cycle.css in Views Slideshow 7.3

Same filename and directory in other branches
  1. 6.3 contrib/views_slideshow_cycle/views_slideshow_cycle.css

Basic styling for Views Slideshow Cycle.

File

contrib/views_slideshow_cycle/views_slideshow_cycle.css
View source
  1. /**
  2. * @file
  3. * Basic styling for Views Slideshow Cycle.
  4. */
  5. .views_slideshow_cycle_no_display,
  6. .views_slideshow_cycle_hidden,
  7. .views_slideshow_cycle_controls,
  8. .views-slideshow-controls-bottom,
  9. .views-slideshow-controls-top,
  10. .views_slideshow_cycle_image_count {
  11. display: none;
  12. }
  13. /* Only show control blocks if the JavaScript successfully initialized. */
  14. .views-slideshow-cycle-processed .views-slideshow-controls-bottom,
  15. .views-slideshow-cycle-processed .views-slideshow-controls-top {
  16. display: block;
  17. }
  18. /* Pager Settings */
  19. .views-slideshow-pager-fields img {
  20. max-width: 75px;
  21. max-height: 75px;
  22. }
  23. .views-slideshow-pager-fields div {
  24. display: inline;
  25. }
  26. .views-slideshow-pager-fields > div{
  27. padding-left: 10px;
  28. }
  29. .views-slideshow-pager-fields .active img {
  30. border: 3px solid #000;
  31. }
  32. .views-slideshow-pager-fields .active {
  33. text-decoration: underline;
  34. }