lib/dijit/themes/claro/form/Slider.css

   1
   2 .claro .dijitSliderBar {
   3         border-style: solid;
   4         outline: 1px;
   5 }
   6 .claro .dijitSliderFocused .dijitSliderBar {
   7         border-color: #769dc0;
   8 }
   9 .claro .dijitSliderHover .dijitSliderBar {
  10         border-color: #769dc0;
  11 }
  12 .claro .dijitSliderDisabled .dijitSliderBar {
  13         background-image: none;
  14         border-color: #d3d3d3;
  15 }
  16 .claro .dijitRuleLabelsContainerH {
  17         padding: 2px 0px;
  18 }
  19 .claro .dijitSlider .dijitSliderProgressBarH,
  20 .claro .dijitSlider .dijitSliderLeftBumper{
  21         background-image: url("images/sliderHorizontal.png");
  22         background-repeat:repeat-x;
  23         background-position:0 -20px;
  24         border-color: #b5bcc7;
  25         background-color: #cfe5fa;
  26 }
  27 .claro .dijitSlider .dijitSliderRemainingBarH,
  28 .claro .dijitSlider .dijitSliderRightBumper{
  29         background-image: url("images/sliderHorizontal.png");
  30         background-repeat:repeat-x;
  31         background-position:0 -11px;
  32         border-color: #b5bcc7;
  33         background-color: #fff;
  34 }
  35 .claro .dijitSliderRightBumper {
  36         border-right: solid 1px #b5bcc7;
  37 }
  38 .claro .dijitSliderLeftBumper {
  39         border-left: solid 1px #b5bcc7;
  40 }
  41 .claro .dijitSliderHover .dijitSliderProgressBarH,
  42 .claro .dijitSliderHover .dijitSliderLeftBumper{
  43         background-position:0 -20px;
  44         background-color: #abd6ff;
  45         border-color: #769dc0;
  46 }
  47 .claro .dijitSliderHover .dijitSliderRemainingBarH,
  48 .claro .dijitSliderHover .dijitSliderRightBumper{
  49         background-position:0 0px;
  50         background-color: #fff;
  51         border-color: #769dc0;
  52 }
  53 .claro .dijitSliderFocused .dijitSliderProgressBarH,
  54 .claro .dijitSliderFocused .dijitSliderLeftBumper{
  55         background-position:0 -30px;
  56         background-color: #abd6ff;
  57         border-color: #769dc0;
  58 }
  59 .claro .dijitSliderFocused .dijitSliderRemainingBarH,
  60 .claro .dijitSliderFocused .dijitSliderRightBumper{
  61         background-position:0 -9px;
  62         background-color: #fff;
  63         border-color: #769dc0;
  64 }
  65 .claro .dijitSliderDisabled .dijitSliderProgressBarH,
  66 .claro .dijitSliderDisabled .dijitSliderLeftBumper{
  67         background-color: #cdcdcd;
  68         background-image:none;
  69 }
  70 .claro .dijitSliderDisabled .dijitSliderRemainingBarH,
  71 .claro .dijitSliderDisabled .dijitSliderRightBumper{
  72         background-color: #efefef;
  73 }
  74 .claro .dijitRuleLabelsContainerV {
  75         padding: 0px 2px;
  76 }
  77 .claro .dijitSlider .dijitSliderProgressBarV,
  78 .claro .dijitSlider .dijitSliderBottomBumper{
  79         background-image: url("images/sliderVertical.png");
  80         background-repeat:repeat-y;
  81         background-position:-36px 0;
  82         border-color: #b5bcc7;
  83         background-color: #cfe5fa;
  84 }
  85 .claro .dijitSlider .dijitSliderRemainingBarV,
  86 .claro .dijitSlider .dijitSliderTopBumper{
  87         background-image: url("images/sliderVertical.png");
  88         background-repeat:repeat-y;
  89         background-position:-3px 0;
  90         border-color: #b5bcc7;
  91         background-color: #fff;
  92 }
  93 .claro .dijitSliderBottomBumper {
  94         border-bottom: solid 1px #b5bcc7;
  95 }
  96 .claro .dijitSliderTopBumper {
  97         border-top: solid 1px #b5bcc7;
  98 }
  99 .claro .dijitSliderHover .dijitSliderProgressBarV,
 100 .claro .dijitSliderHover .dijitSliderBottomBumper{
 101         background-position:-36px 0;
 102         background-color: #abd6ff;
 103 }
 104 .claro .dijitSliderHover .dijitSliderRemainingBarV,
 105 .claro .dijitSliderHover .dijitSliderTopBumper{
 106         background-position:0 0;
 107         background-color: #fff;
 108 }
 109 .claro .dijitSliderFocused .dijitSliderProgressBarV,
 110 .claro .dijitSliderFocused .dijitSliderBottomBumper{
 111         background-position:-56px 0;
 112         background-color: #abd6ff;
 113 }
 114 .claro .dijitSliderFocused .dijitSliderRemainingBarV,
 115 .claro .dijitSliderFocused .dijitSliderTopBumper{
 116         background-position:-18px 0;
 117         background-color: #fff;
 118 }
 119 .claro .dijitSliderDisabled .dijitSliderProgressBarV,
 120 .claro .dijitSliderDisabled .dijitSliderBottomBumper{
 121         background-color: #cdcdcd;
 122 }
 123 .claro .dijitSliderDisabled .dijitSliderRemainingBarV,
 124 .claro .dijitSliderDisabled .dijitSliderTopBumper{
 125         background-color: #efefef;
 126 }
 127 .claro .dijitSliderImageHandleH {
 128         border: 0px;
 129         width: 18px;
 130         height: 16px;
 131         background-image: url("images/sliderThumbs.png");
 132         background-repeat:no-repeat;
 133         background-position:0 0;
 134 }
 135 .claro .dijitSliderHover .dijitSliderImageHandleH {
 136         background-position:-18px 0;
 137 }
 138 .claro .dijitSliderFocused .dijitSliderImageHandleH {
 139         background-position:-36px 0;
 140 }
 141 .claro .dijitSliderProgressBarH .dijitSliderThumbHover{
 142         background-position:-36px 0;
 143 }
 144 .claro .dijitSliderProgressBarH .dijitSliderThumbActive{
 145         background-position:-36px 0;
 146 }
 147 .claro .dijitSliderReadOnly .dijitSliderImageHandleH,
 148 .claro .dijitSliderDisabled .dijitSliderImageHandleH {
 149         background-position:-54px 0;
 150 }
 151 .claro .dijitSliderImageHandleV {
 152         border: 0px;
 153         width: 18px;
 154         height: 16px;
 155         background-image: url("images/sliderThumbs.png");
 156         background-repeat:no-repeat;
 157         background-position:-289px 0;
 158 }
 159 .claro .dijitSliderHover .dijitSliderImageHandleV {
 160         background-position:-307px 0;
 161 }
 162 .claro .dijitSliderFocused .dijitSliderImageHandleV {
 163         background-position:-325px 0;
 164 }
 165 .claro .dijitSliderProgressBarV .dijitSliderThumbHover{
 166         background-position:-325px 0;
 167 }
 168 .claro .dijitSliderProgressBarV .dijitSliderThumbActive{
 169         background-position:-325px 0;
 170 }
 171 .claro .dijitSliderReadOnly .dijitSliderImageHandleV,
 172 .claro .dijitSliderDisabled .dijitSliderImageHandleV {
 173         background-position:-343px 0;
 174 }
 175 .claro .dijitSliderButtonContainerH{
 176         padding: 1px 3px 1px 2px;
 177 }
 178 .claro .dijitSliderButtonContainerV{
 179         padding: 3px 1px 2px 1px;
 180 }
 181 .claro .dijitSliderDecrementIconH,
 182 .claro .dijitSliderIncrementIconH,
 183 .claro .dijitSliderDecrementIconV,
 184 .claro .dijitSliderIncrementIconV {
 185         background-image: url('images/commonFormArrows.png');
 186         background-repeat:no-repeat;
 187         background-color: #e9ecf2;
 188         -moz-border-radius: 2px;
 189         -webkit-border-radius: 2px;
 190         border: solid 1px #b5bcc7;
 191         font-size: 1px;
 192 }
 193 .claro .dijitSliderDecrementIconH,
 194 .claro .dijitSliderIncrementIconH {
 195         height: 12px;
 196         width: 9px;
 197 }
 198 .claro .dijitSliderDecrementIconV,
 199 .claro .dijitSliderIncrementIconV {
 200         height: 9px;
 201         width: 12px;
 202 }
 203 .claro .dijitSliderActive .dijitSliderDecrementIconH,
 204 .claro .dijitSliderActive .dijitSliderIncrementIconH,
 205 .claro .dijitSliderActive .dijitSliderDecrementIconV,
 206 .claro .dijitSliderActive .dijitSliderIncrementIconV,
 207 .claro .dijitSliderHover .dijitSliderDecrementIconH,
 208 .claro .dijitSliderHover .dijitSliderIncrementIconH,
 209 .claro .dijitSliderHover .dijitSliderDecrementIconV,
 210 .claro .dijitSliderHover .dijitSliderIncrementIconV {
 211         border: solid 1px #769dc0;
 212         background-color:#fff;
 213 }
 214 .claro .dijitSliderDecrementIconH {
 215         background-position:-357px 50%;
 216 }
 217 .claro .dijitSliderActive .dijitSliderDecrementIconH
 218 .claro .dijitSliderHover .dijitSliderDecrementIconH {
 219         background-position:-393px 50%;
 220 }
 221 .claro .dijitSliderIncrementIconH {
 222         background-position:-251px 50%;
 223 }
 224 .claro .dijitSliderActive .dijitSliderIncrementIconH
 225 .claro .dijitSliderHover .dijitSliderIncrementIconH {
 226         background-position:-283px 50%;
 227 }
 228 .claro .dijitSliderDecrementIconV {
 229         background-position:-38px 50%;
 230 }
 231 .claro .dijitSliderActive .dijitSliderDecrementIconV
 232 .claro .dijitSliderHover .dijitSliderDecrementIconV {
 233         background-position:-73px 50%;
 234 }
 235 .claro .dijitSliderIncrementIconV {
 236         background-position:-143px 49%;
 237 }
 238 .claro .dijitSliderActive .dijitSliderIncrementIconV
 239 .claro .dijitSliderHover .dijitSliderIncrementIconV {
 240         background-position:-178px 49%;
 241 }
 242 .claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover,
 243 .claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover,
 244 .claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover,
 245 .claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover {
 246         background-color: #cce3fc;
 247 }
 248 .claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive,
 249 .claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive,
 250 .claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive,
 251 .claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive {
 252         background-color: #a5d0fc;
 253         border-color:#6591b9;
 254 }
 255 .claro .dijitSliderButtonInner {
 256         visibility: hidden;
 257 }
 258 .claro .dijitSliderDisabled .dijitSliderBar{
 259         border-color: #d3d3d3;
 260 }
 261 .claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * {
 262         border-color: #d3d3d3;
 263         color: #bdbdbd;
 264 }
 265 .claro .dijitSliderReadOnly .dijitSliderDecrementIconH,
 266 .claro .dijitSliderDisabled .dijitSliderDecrementIconH {
 267         background-position:-321px 50%;
 268         background-color:#e9e9e9;
 269 }
 270 .claro .dijitSliderReadOnly .dijitSliderIncrementIconH,
 271 .claro .dijitSliderDisabled .dijitSliderIncrementIconH {
 272         background-position:-215px 50%;
 273         background-color:#e9e9e9;
 274 }
 275 .claro .dijitSliderReadOnly .dijitSliderDecrementIconV,
 276 .claro .dijitSliderDisabled .dijitSliderDecrementIconV {
 277         background-position:-3px 49%;
 278         background-color:#e9e9e9;
 279 }
 280 .claro .dijitSliderReadOnly .dijitSliderIncrementIconV,
 281 .claro .dijitSliderDisabled .dijitSliderIncrementIconV {
 282         background-position:-107px 49%;
 283         background-color:#e9e9e9;
 284 }
 285 .dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH,
 286 .dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper,
 287 .dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH,
 288 .dj_ie6 .claro .dijitSlider .dijitSliderRightBumper,
 289 .dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV,
 290 .dj_ie6 .claro .dijitSlider .dijitSliderTopBumper,
 291 .dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV,
 292 .dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper {
 293         background-image:none;
 294 }