[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/capsule-dark/thumb-x.png */
  11  /* Alternate thumbUrl /build/slider-base/assets/skins/capsule-dark/thumb-x-line.png */
  12  
  13  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail,
  14  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail-cap-left,
  15  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail-cap-right {
  16      background-image: url(rail-x.png);
  17      background-repeat: repeat-x;
  18      /* alternate: rail-x-dots.png */
  19      /* alternate: rail-x-lines.png */
  20  }
  21  
  22  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail {
  23      height: 25px;
  24  }
  25  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-thumb {
  26      height: 30px;
  27      width: 14px;
  28  }
  29  
  30  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail-cap-left {
  31      background-position: 0 -20px;
  32      height: 20px;
  33      left: -2px;
  34      width: 5px;
  35  }
  36  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-rail-cap-right {
  37      background-position: 0 -40px;
  38      height: 20px;
  39      right: -2px;
  40      width: 5px;
  41  }
  42  
  43  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-thumb-image {
  44      left: 0;
  45      top: -10px;
  46  }
  47  .yui3-skin-capsule-dark .yui3-slider-x .yui3-slider-thumb-shadow {
  48      left: 0;
  49      opacity: 0.15;
  50      filter: alpha(opacity=15);
  51      top: -50px;
  52  }
  53  
  54  /* Vertical Slider */
  55  
  56  /* Use thumbUrl /build/slider-base/assets/skins/capsule-dark/thumb-y.png */
  57  /* Alternate thumbUrl /build/slider-base/assets/skins/capsule-dark/thumb-y-line.png */
  58  
  59  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail,
  60  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail-cap-top,
  61  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail-cap-bottom {
  62      background-image: url(rail-y.png);
  63      background-repeat: repeat-y;
  64      /* alternate: rail-y-dots.png */
  65      /* alternate: rail-y-lines.png */
  66  }
  67  
  68  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail {
  69      width: 25px;
  70  }
  71  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-thumb {
  72      width: 30px;
  73      height: 14px;
  74  }
  75  
  76  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail-cap-top {
  77      background-position: -20px 0;
  78      width: 20px;
  79      top: -2px;
  80      height: 5px;
  81  }
  82  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-rail-cap-bottom {
  83      background-position: -40px 0;
  84      width: 20px;
  85      bottom: -2px;
  86      height: 5px;
  87  }
  88  
  89  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-thumb-image {
  90      left: -10px;
  91      top: 0;
  92  }
  93  .yui3-skin-capsule-dark .yui3-slider-y .yui3-slider-thumb-shadow {
  94      left: -50px;
  95      opacity: 0.15;
  96      filter: alpha(opacity=15);
  97      top: 0;
  98  }