include/javascript/yui3/build/slider/assets/skins/round/slider-skin.css

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