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