[Summary view] [Print] [Text view]

   1  /*
   2  YUI 3.17.2 (build 9c3c78e)
   3  Copyright 2014 Yahoo! Inc. All rights reserved.
   4  Licensed under the BSD License.
   5  http://yuilibrary.com/license/
   6  */
   7  
   8  /* Horizontal Slider */
   9  
  10  /* Use thumbUrl /build/slider-base/assets/skins/round/thumb-x.png */
  11  /* Alternate thumbUrl /build/slider-base/assets/skins/round/thumb-x-grip.png */
  12  
  13  .yui3-skin-round .yui3-slider-x .yui3-slider-rail,
  14  .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-left,
  15  .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-right {
  16      background-image: url(rail-x.png);
  17      background-repeat: repeat-x;
  18  }
  19  
  20  .yui3-skin-round .yui3-slider-x .yui3-slider-rail {
  21      height: 25px;
  22      background-position: 0 3px;
  23  }
  24  .yui3-skin-round .yui3-slider-x .yui3-slider-thumb {
  25      height: 26px;
  26      width: 24px;
  27  }
  28  
  29  .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-left {
  30      background-position: 0 -17px;
  31      height: 20px;
  32      left: -2px;
  33      width: 5px;
  34  }
  35  .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-right {
  36      background-position: 0 -37px;
  37      height: 20px;
  38      right: -2px;
  39      width: 5px;
  40  }
  41  
  42  .yui3-skin-round .yui3-slider-x .yui3-slider-thumb-image {
  43      left: 0;
  44      top: -7px;
  45  }
  46  .yui3-skin-round .yui3-slider-x .yui3-slider-thumb-shadow {
  47      left: 0;
  48      opacity: 0.15;
  49      filter: alpha(opacity=15);
  50      top: -47px;
  51  }
  52  
  53  /* Vertical Slider */
  54  
  55  /* Use thumbUrl /build/slider-base/assets/skins/round/thumb-y.png */
  56  /* Alternate thumbUrl /build/slider-base/assets/skins/round/thumb-y-grip.png */
  57  
  58  .yui3-skin-round .yui3-slider-y .yui3-slider-rail,
  59  .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-top,
  60  .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-bottom {
  61      background-image: url(rail-y.png);
  62      background-repeat: repeat-y;
  63  }
  64  
  65  .yui3-skin-round .yui3-slider-y .yui3-slider-rail {
  66      width: 25px;
  67      background-position: 3px 0;
  68  }
  69  .yui3-skin-round .yui3-slider-y .yui3-slider-thumb {
  70      width: 26px;
  71      height: 24px;
  72  }
  73  
  74  .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-top {
  75      background-position: -17px 0;
  76      width: 20px;
  77      top: -2px;
  78      height: 5px;
  79  }
  80  .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-bottom {
  81      background-position: -37px 0;
  82      width: 20px;
  83      bottom: -2px;
  84      height: 5px;
  85  }
  86  
  87  .yui3-skin-round .yui3-slider-y .yui3-slider-thumb-image {
  88      top: 0;
  89      left: -8px;
  90  }
  91  .yui3-skin-round .yui3-slider-y .yui3-slider-thumb-shadow {
  92      top: 0;
  93      left: -48px;
  94      opacity: 0.15;
  95      filter: alpha(opacity=15);
  96  }