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