You are here

Home » API reference » jCarousel 6

skin.css in jCarousel 6

Same filename in this branch
  1. 6 jcarousel/skins/ie7/skin.css
  2. 6 jcarousel/skins/tango/skin.css
.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  245px;
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

File

jcarousel/skins/ie7/skin.css
View source 
  1. .jcarousel-skin-ie7 .jcarousel-container {

  2.     -moz-border-radius: 10px;

  3.     background: #D4D0C8;

  4.     border: 1px solid #808080;

  5. }

  6. 

  7. .jcarousel-skin-ie7 .jcarousel-container-horizontal {

  8.     width: 245px;

  9.     padding: 20px 40px;

  10. }

  11. 

  12. .jcarousel-skin-ie7 .jcarousel-container-vertical {

  13.     width: 75px;

  14.     height: 245px;

  15.     padding: 40px 20px;

  16. }

  17. 

  18. .jcarousel-skin-ie7 .jcarousel-clip-horizontal {

  19.     width:  245px;

  20.     height: 77px;

  21. }

  22. 

  23. .jcarousel-skin-ie7 .jcarousel-clip-vertical {

  24.     width:  77px;

  25.     height: 245px;

  26. }

  27. 

  28. .jcarousel-skin-ie7 .jcarousel-item {

  29.     width: 75px;

  30.     height: 75px;

  31.     border: 1px solid #fff;

  32. }

  33. 

  34. .jcarousel-skin-ie7 .jcarousel-item:hover {

  35.     border-color: #808080;

  36. }

  37. 

  38. .jcarousel-skin-ie7 .jcarousel-item-horizontal {

  39.     margin-right: 7px;

  40. }

  41. 

  42. .jcarousel-skin-ie7 .jcarousel-item-vertical {

  43.     margin-bottom: 7px;

  44. }

  45. 

  46. .jcarousel-skin-ie7 .jcarousel-item-placeholder {

  47. }

  48. 

  49. /**

  50.  *  Horizontal Buttons

  51.  */

  52. .jcarousel-skin-ie7 .jcarousel-next-horizontal {

  53.     position: absolute;

  54.     top: 43px;

  55.     right: 5px;

  56.     width: 32px;

  57.     height: 32px;

  58.     cursor: pointer;

  59.     background: transparent url(next-horizontal.gif) no-repeat 0 0;

  60. }

  61. 

  62. .jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {

  63.     background-position: -32px 0;

  64. }

  65. 

  66. .jcarousel-skin-ie7 .jcarousel-next-horizontal:active {

  67.     background-position: -64px 0;

  68. }

  69. 

  70. .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,

  71. .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,

  72. .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {

  73.     cursor: default;

  74.     background-position: -96px 0;

  75. }

  76. 

  77. .jcarousel-skin-ie7 .jcarousel-prev-horizontal {

  78.     position: absolute;

  79.     top: 43px;

  80.     left: 5px;

  81.     width: 32px;

  82.     height: 32px;

  83.     cursor: pointer;

  84.     background: transparent url(prev-horizontal.gif) no-repeat 0 0;

  85. }

  86. 

  87. .jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {

  88.     background-position: -32px 0;

  89. }

  90. 

  91. .jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {

  92.     background-position: -64px 0;

  93. }

  94. 

  95. .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,

  96. .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,

  97. .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {

  98.     cursor: default;

  99.     background-position: -96px 0;

  100. }

  101. 

  102. /**

  103.  *  Vertical Buttons

  104.  */

  105. .jcarousel-skin-ie7 .jcarousel-next-vertical {

  106.     position: absolute;

  107.     bottom: 5px;

  108.     left: 43px;

  109.     width: 32px;

  110.     height: 32px;

  111.     cursor: pointer;

  112.     background: transparent url(next-vertical.gif) no-repeat 0 0;

  113. }

  114. 

  115. .jcarousel-skin-ie7 .jcarousel-next-vertical:hover {

  116.     background-position: 0 -32px;

  117. }

  118. 

  119. .jcarousel-skin-ie7 .jcarousel-next-vertical:active {

  120.     background-position: 0 -64px;

  121. }

  122. 

  123. .jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,

  124. .jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,

  125. .jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {

  126.     cursor: default;

  127.     background-position: 0 -96px;

  128. }

  129. 

  130. .jcarousel-skin-ie7 .jcarousel-prev-vertical {

  131.     position: absolute;

  132.     top: 5px;

  133.     left: 43px;

  134.     width: 32px;

  135.     height: 32px;

  136.     cursor: pointer;

  137.     background: transparent url(prev-vertical.gif) no-repeat 0 0;

  138. }

  139. 

  140. .jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {

  141.     background-position: 0 -32px;

  142. }

  143. 

  144. .jcarousel-skin-ie7 .jcarousel-prev-vertical:active {

  145.     background-position: 0 -64px;

  146. }

  147. 

  148. .jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,

  149. .jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,

  150. .jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {

  151.     cursor: default;

  152.     background-position: 0 -96px;

  153. }