lib/yuilib/3.13.0/assets/skin/audio/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 }
  99
 100 /*
 101 YUI 3.13.0 (build 508226d)
 102 Copyright 2013 Yahoo! Inc. All rights reserved.
 103 Licensed under the BSD License.
 104 http://yuilibrary.com/license/
 105 */
 106
 107 /* Horizontal Slider */
 108
 109 /* Use thumbUrl /build/slider-base/assets/skins/audio/thumb-x.png */
 110
 111 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail,
 112 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail-cap-left,
 113 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail-cap-right {
 114     background-image: url(rail-x.png);
 115     background-repeat: repeat-x;
 116 }
 117
 118 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail {
 119     height: 35px;
 120     background-position: 0 7px;
 121 }
 122 .yui3-skin-audio .yui3-slider-x .yui3-slider-thumb {
 123     height: 35px;
 124     width: 19px;
 125 }
 126
 127 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail-cap-left {
 128     background-position: 0 -20px;
 129     height: 13px;
 130     left: -5px;
 131     width: 5px;
 132     top: 7px;
 133 }
 134 .yui3-skin-audio .yui3-slider-x .yui3-slider-rail-cap-right {
 135     background-position: 0 -40px;
 136     height: 13px;
 137     right: -5px;
 138     width: 5px;
 139     top: 7px;
 140 }
 141
 142 .yui3-skin-audio .yui3-slider-x .yui3-slider-thumb-image {
 143     left: 0;
 144     top: -3px;
 145 }
 146 .yui3-skin-audio .yui3-slider-x .yui3-slider-thumb-shadow {
 147     left: 0;
 148     opacity: 0.15;
 149     filter: alpha(opacity=15);
 150     top: -43px;
 151 }
 152
 153 /* Vertical Slider */
 154
 155 /* Use thumbUrl /build/slider-base/assets/skins/audio/thumb-y.png */
 156
 157 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail,
 158 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail-cap-top,
 159 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail-cap-bottom {
 160     background-image: url(rail-y.png);
 161     background-repeat: repeat-y;
 162 }
 163
 164 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail {
 165     width: 35px;
 166     background-position: 7px 0;
 167 }
 168 .yui3-skin-audio .yui3-slider-y .yui3-slider-thumb {
 169     width: 35px;
 170     height: 19px;
 171 }
 172
 173 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail-cap-top {
 174     background-position: -20px 0;
 175     width: 13px;
 176     top: -5px;
 177     height: 5px;
 178     left: 7px;
 179 }
 180 .yui3-skin-audio .yui3-slider-y .yui3-slider-rail-cap-bottom {
 181     background-position: -40px 0;
 182     width: 13px;
 183     bottom: -5px;
 184     height: 5px;
 185     left: 7px;
 186 }
 187
 188 .yui3-skin-audio .yui3-slider-y .yui3-slider-thumb-image {
 189     left: -3px;
 190     top: 0;
 191 }
 192 .yui3-skin-audio .yui3-slider-y .yui3-slider-thumb-shadow {
 193     left: -43px;
 194     opacity: 0.15;
 195     filter: alpha(opacity=15);
 196     top: 0;
 197 }