You are here

Home » API reference » Views Slideshow 7.3

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. 

  6. .views_slideshow_cycle_no_display,

  7. .views_slideshow_cycle_hidden,

  8. .views_slideshow_cycle_controls,

  9. .views-slideshow-controls-bottom,

  10. .views-slideshow-controls-top,

  11. .views_slideshow_cycle_image_count {

  12.   display: none;

  13. }

  14. 

  15. /* Only show control blocks if the JavaScript successfully initialized. */

  16. .views-slideshow-cycle-processed .views-slideshow-controls-bottom,

  17. .views-slideshow-cycle-processed .views-slideshow-controls-top {

  18.   display: block;

  19. }

  20. 

  21. /* Pager Settings */

  22. 

  23. .views-slideshow-pager-fields img {

  24.   max-width: 75px;

  25.   max-height: 75px;

  26. }

  27. 

  28. .views-slideshow-pager-fields div {

  29.   display: inline;

  30. }

  31. 

  32. .views-slideshow-pager-fields > div{

  33.   padding-left: 10px;

  34. }

  35. 

  36. .views-slideshow-pager-fields .active img {

  37.   border: 3px solid #000;

  38. }

  39. 

  40. .views-slideshow-pager-fields .active {

  41.   text-decoration: underline;

  42. }