You are here

jquery.jcarousel.css in jCarousel 6

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

File

jcarousel/lib/jquery.jcarousel.css
View source
  1. /**
  2. * This
    element is wrapped by jCarousel around the list
  3. * and has the classname "jcarousel-container".
  4. */
  5. .jcarousel-container {
  6. position: relative;
  7. }
  8. .jcarousel-clip {
  9. z-index: 2;
  10. padding: 0;
  11. margin: 0;
  12. overflow: hidden;
  13. position: relative;
  14. }
  15. .jcarousel-list {
  16. z-index: 1;
  17. overflow: hidden;
  18. position: relative;
  19. top: 0;
  20. left: 0;
  21. margin: 0;
  22. padding: 0;
  23. }
  24. .jcarousel-list li,
  25. .jcarousel-item {
  26. float: left;
  27. list-style: none;
  28. /* We set the width/height explicitly. No width/height causes infinite loops. */
  29. width: 75px;
  30. height: 75px;
  31. }
  32. /**
  33. * The buttons are added dynamically by jCarousel before
  34. * the
      list (inside the
      described above) and
    • * have the classnames "jcarousel-next" and "jcarousel-prev".
    • */
    • .jcarousel-next {
    • z-index: 3;
    • display: none;
    • }
    • .jcarousel-prev {
    • z-index: 3;
    • display: none;
    • }