[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  }
 101  
 102  /*
 103  YUI 3.17.2 (build 9c3c78e)
 104  Copyright 2014 Yahoo! Inc. All rights reserved.
 105  Licensed under the BSD License.
 106  http://yuilibrary.com/license/
 107  */
 108  
 109  /* Horizontal Slider */
 110  
 111  /* Use thumbUrl /build/slider-base/assets/skins/capsule/thumb-x.png */
 112  /* Alternate thumbUrl /build/slider-base/assets/skins/capsule/thumb-x-line.png */
 113  
 114  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail,
 115  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail-cap-left,
 116  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail-cap-right {
 117      background-image: url(rail-x.png);
 118      background-repeat: repeat-x;
 119      background-repeat: repeat-x;
 120      /* alternate: rail-x-dots.png */
 121      /* alternate: rail-x-lines.png */
 122  }
 123  
 124  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail {
 125      height: 25px;
 126  }
 127  .yui3-skin-capsule .yui3-slider-x .yui3-slider-thumb {
 128      height: 30px;
 129      width: 14px;
 130  }
 131  
 132  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail-cap-left {
 133      background-position: 0 -20px;
 134      height: 20px;
 135      left: -2px;
 136      width: 5px;
 137  }
 138  .yui3-skin-capsule .yui3-slider-x .yui3-slider-rail-cap-right {
 139      background-position: 0 -40px;
 140      height: 20px;
 141      right: -2px;
 142      width: 5px;
 143  }
 144  
 145  .yui3-skin-capsule .yui3-slider-x .yui3-slider-thumb-image {
 146      left: 0;
 147      top: -10px;
 148  }
 149  .yui3-skin-capsule .yui3-slider-x .yui3-slider-thumb-shadow {
 150      left: 0;
 151      opacity: 0.15;
 152      filter: alpha(opacity=15);
 153      top: -50px;
 154  }
 155  
 156  /* Vertical Slider */
 157  
 158  /* Use thumbUrl /build/slider-base/assets/skins/capsule/thumb-y.png */
 159  /* Alternate thumbUrl /build/slider-base/assets/skins/capsule/thumb-y-line.png */
 160  
 161  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail,
 162  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail-cap-top,
 163  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail-cap-bottom {
 164      background-image: url(rail-y.png);
 165      background-repeat: repeat-y;
 166      background-repeat: repeat-y;
 167      /* alternate: rail-y-dots.png */
 168      /* alternate: rail-y-lines.png */
 169  }
 170  
 171  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail {
 172      width: 25px;
 173  }
 174  .yui3-skin-capsule .yui3-slider-y .yui3-slider-thumb {
 175      width: 30px;
 176      height: 14px;
 177  }
 178  
 179  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail-cap-top {
 180      background-position: -20px 0;
 181      width: 20px;
 182      top: -2px;
 183      height: 5px;
 184  }
 185  .yui3-skin-capsule .yui3-slider-y .yui3-slider-rail-cap-bottom {
 186      background-position: -40px 0;
 187      width: 20px;
 188      bottom: -2px;
 189      height: 5px;
 190  }
 191  
 192  .yui3-skin-capsule .yui3-slider-y .yui3-slider-thumb-image {
 193      left: -10px;
 194      top: 0;
 195  }
 196  .yui3-skin-capsule .yui3-slider-y .yui3-slider-thumb-shadow {
 197      left: -50px;
 198      opacity: 0.15;
 199      filter: alpha(opacity=15);
 200      top: 0;
 201  }