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