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