root / trunk / web / dojo / dijit / themes / claro / form / Slider.css
History | View | Annotate | Download (8.87 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 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 | } |