Slider-compat.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* dojox.mobile.Slider */
  2. .mblSlider {
  3. background-image: url(compat/slider-h-bg.png);
  4. -moz-border-radius: 2px;
  5. -o-border-radius: 2px;
  6. -ms-border-radius: 2px;
  7. border-radius: 2px;
  8. -moz-user-select: none; /* prevent selection */
  9. -o-user-select: none;
  10. -ms-user-select: none;
  11. user-select: none;
  12. -moz-box-sizing: content-box; /* make width and height consistent with a DIV */
  13. -o-box-sizing: content-box;
  14. -ms-box-sizing: content-box;
  15. box-sizing: content-box;
  16. }
  17. .mblSlider.mblSliderV {
  18. background: #BDBEBD;
  19. }
  20. .mblSliderProgressBar {
  21. background-image: url(compat/slider-h-bar-bg.png);
  22. background-repeat: repeat-x;
  23. -moz-border-radius: 2px;
  24. -o-border-radius: 2px;
  25. -ms-border-radius: 2px;
  26. border-radius: 2px;
  27. }
  28. .mblSliderV .mblSliderProgressBar {
  29. background: #00A200;
  30. }
  31. .mblSliderHandle {
  32. background-image: url(compat/slider-handle-bg.png);
  33. -moz-border-radius: 2px;
  34. -o-border-radius: 2px;
  35. -ms-border-radius: 2px;
  36. border-radius: 2px;
  37. }
  38. .mblSliderTransition {
  39. -moz-transition-duration: 400ms;
  40. -o-transition-duration: 400ms;
  41. -ms-transition-duration: 400ms;
  42. transition-duration: 400ms;
  43. }