lib/yui/3.5.0/build/slider-base/assets/skins/round/slider-base-skin.css

   1 /*
   2 YUI 3.5.0 (build 5089)
   3 Copyright 2012 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 http://yuilibrary.com/license/
   6 */
   7 /* Horizontal Slider */
   8
   9 /* Use thumbUrl /build/slider-base/assets/skins/round/thumb-x.png */
  10 /* Alternate thumbUrl /build/slider-base/assets/skins/round/thumb-x-grip.png */
  11
  12 .yui3-skin-round .yui3-slider-x .yui3-slider-rail,
  13 .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-left,
  14 .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-right {
  15     background-image: url(rail-x.png);
  16     background-repeat: repeat-x;
  17 }
  18
  19 .yui3-skin-round .yui3-slider-x .yui3-slider-rail {
  20     height: 25px;
  21     background-position: 0 3px;
  22 }
  23 .yui3-skin-round .yui3-slider-x .yui3-slider-thumb {
  24     height: 26px;
  25     width: 24px;
  26 }
  27
  28 .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-left {
  29     background-position: 0 -17px;
  30     height: 20px;
  31     left: -2px;
  32     width: 5px;
  33 }
  34 .yui3-skin-round .yui3-slider-x .yui3-slider-rail-cap-right {
  35     background-position: 0 -37px;
  36     height: 20px;
  37     right: -2px;
  38     width: 5px;
  39 }
  40
  41 .yui3-skin-round .yui3-slider-x .yui3-slider-thumb-image {
  42     left: 0;
  43     top: -7px;
  44 }
  45 .yui3-skin-round .yui3-slider-x .yui3-slider-thumb-shadow {
  46     left: 0;
  47     opacity: 0.15;
  48     filter: alpha(opacity=15);
  49     top: -47px;
  50 }
  51
  52 /* Vertical Slider */
  53
  54 /* Use thumbUrl /build/slider-base/assets/skins/round/thumb-y.png */
  55 /* Alternate thumbUrl /build/slider-base/assets/skins/round/thumb-y-grip.png */
  56
  57 .yui3-skin-round .yui3-slider-y .yui3-slider-rail,
  58 .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-top,
  59 .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-bottom {
  60     background-image: url(rail-y.png);
  61     background-repeat: repeat-y;
  62 }
  63
  64 .yui3-skin-round .yui3-slider-y .yui3-slider-rail {
  65     width: 25px;
  66     background-position: 3px 0;
  67 }
  68 .yui3-skin-round .yui3-slider-y .yui3-slider-thumb {
  69     width: 26px;
  70     height: 24px;
  71 }
  72
  73 .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-top {
  74     background-position: -17px 0;
  75     width: 20px;
  76     top: -2px;
  77     height: 5px;
  78 }
  79 .yui3-skin-round .yui3-slider-y .yui3-slider-rail-cap-bottom {
  80     background-position: -37px 0;
  81     width: 20px;
  82     bottom: -2px;
  83     height: 5px;
  84 }
  85
  86 .yui3-skin-round .yui3-slider-y .yui3-slider-thumb-image {
  87     top: 0;
  88     left: -8px;
  89 }
  90 .yui3-skin-round .yui3-slider-y .yui3-slider-thumb-shadow {
  91     top: 0;
  92     left: -48px;
  93     opacity: 0.15;
  94     filter: alpha(opacity=15);
  95 }