You are here

Home » API reference » jCarousel 5

jcarousel.css in jCarousel 5

Same filename and directory in other branches
  1. 6 jcarousel.css
/**
 * 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-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;
}

/**
 * Undo default Drupal styling (margins and list style).
 */
div.item-list ul.jcarousel,
div.item-list ul.jcarousel .block {
	margin: 0;
}

div.item-list ul.jcarousel li {
	background: none;
	list-style-image: none;
	list-style-type: none;
}

File

jcarousel.css
View source 
  1. 

  2. /**

  3.  * This 
     element is wrapped by jCarousel around the list

  4.  * and has the classname "jcarousel-container".

  5.  */

  6. .jcarousel-container {

  7. 	position: relative;

  8. }

  9. 

  10. .jcarousel-clip {

  11.   z-index: 2;

  12.   padding: 0;

  13.   margin: 0;

  14.   overflow: hidden;

  15.   position: relative;

  16. }

  17. 

  18. .jcarousel-list {

  19.   z-index: 1;

  20.   overflow: hidden;

  21.   position: relative;

  22.   top: 0;

  23.   left: 0;

  24.   margin: 0;

  25.   padding: 0;

  26. }

  27. 

  28. .jcarousel-item {

  29.   float: left;

  30.   list-style: none;

  31.   /* We set the width/height explicitly. No width/height causes infinite loops. */

  32.   width: 75px;

  33.   height: 75px;

  34. }

  35. 

  36. /**

  37.  * The buttons are added dynamically by jCarousel before

  38.  * 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;

    • }

    • 

    • /**

    •  * Undo default Drupal styling (margins and list style).

    •  */

    • div.item-list ul.jcarousel,

    • div.item-list ul.jcarousel .block {

    • 	margin: 0;

    • }

    • 

    • div.item-list ul.jcarousel li {

    • 	background: none;

    • 	list-style-image: none;

    • 	list-style-type: none;

    • }