Slider-compat.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* dojox.mobile.Slider */
  2. .mblSlider {
  3. background-image: url(compat/ui-widget-bg.png);
  4. -moz-border-radius: 8px;
  5. -o-border-radius: 8px;
  6. -ms-border-radius: 8px;
  7. border-radius: 8px;
  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: #ABABAB;
  19. }
  20. .mblSliderProgressBar {
  21. background-image: url(compat/ui-widget-bg.png);
  22. background-repeat: repeat-x;
  23. -moz-border-radius: 8px;
  24. -o-border-radius: 8px;
  25. -ms-border-radius: 8px;
  26. border-radius: 8px;
  27. _background-image: url(compat/slider-h-bar-bg.png); /* IE6 hack */
  28. _background-color: transparent; /* IE6 hack */
  29. }
  30. .mblSliderV .mblSliderProgressBar {
  31. background: #0D48A8;
  32. }
  33. .mblSliderHandle {
  34. background-image: url(compat/ui-widget-bg.png);
  35. -moz-border-radius: 10px;
  36. -o-border-radius: 10px;
  37. -ms-border-radius: 10px;
  38. border-radius: 10px;
  39. }
  40. .mblSliderTransition {
  41. transition-duration: 400ms;
  42. }