You are here

viewscarousel.css in Views carousel 5

/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
  padding: 1em;
}
.jcarousel-list {
  padding: 1em;
}
.jcarousel-list li {
  margin-right: 0.5em;;
  width: 80px;
  height: 100px;
}

/**
 * Custom item formatting.
 */
.jcarousel-list li img {

}
.jcarousel-list li a {
  display: block;
}
.jcarousel-list li a:hover {

}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 */
.jcarousel-next {
  cursor: pointer;
}
.viewscarousel-horizontal .jcarousel-next {
  float: right;
}
.viewscarousel-vertical .jcarousel-next {
  display: block;
  text-align: center;
}
.jcarousel-next-disabled {
  cursor: default;
}
.jcarousel-prev {
  cursor: pointer;
}
.viewscarousel-horizontal .jcarousel-prev {
  float: left;
}
.viewscarousel-vertical .jcarousel-prev {
  display: block;
  text-align: center;
}
.jcarousel-prev-disabled {
  cursor: default;
}

File

viewscarousel.css
View source
  1. /**
  2. * This
    element is wrapped by statically around the list
  3. * inside the HTML document.
  4. */
  5. .jcarousel-scope {
  6. padding: 1em;
  7. }
  8. .jcarousel-list {
  9. padding: 1em;
  10. }
  11. .jcarousel-list li {
  12. margin-right: 0.5em;;
  13. width: 80px;
  14. height: 100px;
  15. }
  16. /**
  17. * Custom item formatting.
  18. */
  19. .jcarousel-list li img {
  20. }
  21. .jcarousel-list li a {
  22. display: block;
  23. }
  24. .jcarousel-list li a:hover {
  25. }
  26. /**
  27. * The button-elements are added statically in the HTML document
  28. * to illustrate how to cutomize the prev/next controls.
  29. */
  30. .jcarousel-next {
  31. cursor: pointer;
  32. }
  33. .viewscarousel-horizontal .jcarousel-next {
  34. float: right;
  35. }
  36. .viewscarousel-vertical .jcarousel-next {
  37. display: block;
  38. text-align: center;
  39. }
  40. .jcarousel-next-disabled {
  41. cursor: default;
  42. }
  43. .jcarousel-prev {
  44. cursor: pointer;
  45. }
  46. .viewscarousel-horizontal .jcarousel-prev {
  47. float: left;
  48. }
  49. .viewscarousel-vertical .jcarousel-prev {
  50. display: block;
  51. text-align: center;
  52. }
  53. .jcarousel-prev-disabled {
  54. cursor: default;
  55. }