lib/yuilib/3.13.0/slider-base/assets/skins/sam/slider-base-skin.css

   1 /*
   2 YUI 3.13.0 (build 508226d)
   3 Copyright 2013 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 }