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