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