xp-dev.com Git - namibia/blob - public/css/vendor/jquery.thumbnailScroller.css

   1 @charset "utf-8";
   2 /*
   3 Thumbnail scroller jQuery plugin
   4 scrollers styling
   5 */
   6 .jThumbnailScroller {position:absolute; height:110px; margin:0 0 0 0; border:1px solid #eee; background:#bbb; padding:0 0 0 0; overflow:hidden; }
   7 .jThumbnailScroller .jTscrollerContainer{position:absolute;}
   8 .jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0 !important; display:inline-block; *display:inline;}
   9 .jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; opacity:0.7;}
  10 .jThumbnailScroller .jTscrollerNextButton{background:#000 url(/imgs/nextArrow.png) center center;}
  11 .jThumbnailScroller .jTscrollerPrevButton{background:#000 url(/imgs/prevArrow.png) center center;}
  12 .jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}
  13 .jThumbnailScroller .jTscroller a{display:block; float:left; border:1px solid #ddd; margin:0; background:#fff; }
  14 .jThumbnailScroller .jTscroller a:hover{border-color:#fff;}
  15 .jThumbnailScroller .jTscroller a:first-child{margin-left:1px;}
  16 .jThumbnailScroller .jTscroller a img{}
  17 /* different styled scrollers */
  18 /* liquid width scroller */
  19 .jThumbnailScroller#tS1{position:absolute; width: 15%; max-width:290px; height:110px; margin:0; background:#eee;}
  20 .jThumbnailScroller#tS1 .jTscroller a{opacity:0.7;}
  21 .jThumbnailScroller#tS1 .jTscroller a:hover{opacity:1;}
  22 .jThumbnailScroller#tS1 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
  23 .jThumbnailScroller#tS1 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
  24 /* a vertical scroller */
  25 .jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
  26 .jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
  27 .jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
  28 .jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
  29 .jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}
  30 .jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
  31 .jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}