You are here

Home » API reference » Views Slideshow JCarousel 7.2

skin.css in Views Slideshow JCarousel 7.2

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

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.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 {
    overflow: hidden;
}

.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,
.jcarousel-skin-ie7 .jcarousel-item:focus {
    border-color: #808080;
}

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

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

.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-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.gif);
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
    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:focus,
.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-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.gif);
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
    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:focus,
.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,
.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
    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:focus,
.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,
.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
    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:focus,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

File

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

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

  3.     -webkit-border-radius: 10px;

  4.     border-radius: 10px;

  5.     background: #D4D0C8;

  6.     border: 1px solid #808080;

  7. }

  8. 

  9. .jcarousel-skin-ie7 .jcarousel-direction-rtl {

  10. 	direction: rtl;

  11. }

  12. 

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

  14.     width: 245px;

  15.     padding: 20px 40px;

  16. }

  17. 

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

  19.     width: 75px;

  20.     height: 245px;

  21.     padding: 40px 20px;

  22. }

  23. 

  24. .jcarousel-skin-ie7 .jcarousel-clip {

  25.     overflow: hidden;

  26. }

  27. 

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

  29.     width:  245px;

  30.     height: 77px;

  31. }

  32. 

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

  34.     width:  77px;

  35.     height: 245px;

  36. }

  37. 

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

  39.     width: 75px;

  40.     height: 75px;

  41.     border: 1px solid #fff;

  42. }

  43. 

  44. .jcarousel-skin-ie7 .jcarousel-item:hover,

  45. .jcarousel-skin-ie7 .jcarousel-item:focus {

  46.     border-color: #808080;

  47. }

  48. 

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

  50.     margin-left: 0;

  51.     margin-right: 7px;

  52. }

  53. 

  54. .jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {

  55. 	margin-left: 7px;

  56. 	margin-right: 0;

  57. }

  58. 

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

  60.     margin-bottom: 7px;

  61. }

  62. 

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

  64. }

  65. 

  66. /**

  67.  *  Horizontal Buttons

  68.  */

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

  70.     position: absolute;

  71.     top: 43px;

  72.     right: 5px;

  73.     width: 32px;

  74.     height: 32px;

  75.     cursor: pointer;

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

  77. }

  78. 

  79. .jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {

  80.     left: 5px;

  81.     right: auto;

  82.     background-image: url(prev-horizontal.gif);

  83. }

  84. 

  85. .jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,

  86. .jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {

  87.     background-position: -32px 0;

  88. }

  89. 

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

  91.     background-position: -64px 0;

  92. }

  93. 

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

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

  96. .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,

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

  98.     cursor: default;

  99.     background-position: -96px 0;

  100. }

  101. 

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

  103.     position: absolute;

  104.     top: 43px;

  105.     left: 5px;

  106.     width: 32px;

  107.     height: 32px;

  108.     cursor: pointer;

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

  110. }

  111. 

  112. .jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {

  113.     left: auto;

  114.     right: 5px;

  115.     background-image: url(next-horizontal.gif);

  116. }

  117. 

  118. .jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,

  119. .jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {

  120.     background-position: -32px 0;

  121. }

  122. 

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

  124.     background-position: -64px 0;

  125. }

  126. 

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

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

  129. .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,

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

  131.     cursor: default;

  132.     background-position: -96px 0;

  133. }

  134. 

  135. /**

  136.  *  Vertical Buttons

  137.  */

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

  139.     position: absolute;

  140.     bottom: 5px;

  141.     left: 43px;

  142.     width: 32px;

  143.     height: 32px;

  144.     cursor: pointer;

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

  146. }

  147. 

  148. .jcarousel-skin-ie7 .jcarousel-next-vertical:hover,

  149. .jcarousel-skin-ie7 .jcarousel-next-vertical:focus {

  150.     background-position: 0 -32px;

  151. }

  152. 

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

  154.     background-position: 0 -64px;

  155. }

  156. 

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

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

  159. .jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,

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

  161.     cursor: default;

  162.     background-position: 0 -96px;

  163. }

  164. 

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

  166.     position: absolute;

  167.     top: 5px;

  168.     left: 43px;

  169.     width: 32px;

  170.     height: 32px;

  171.     cursor: pointer;

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

  173. }

  174. 

  175. .jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,

  176. .jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {

  177.     background-position: 0 -32px;

  178. }

  179. 

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

  181.     background-position: 0 -64px;

  182. }

  183. 

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

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

  186. .jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,

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

  188.     cursor: default;

  189.     background-position: 0 -96px;

  190. }