slider.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .ui-slider {
  2. position: relative;
  3. text-align: left;
  4. }
  5. .ui-slider .ui-slider-handle {
  6. position: absolute;
  7. width: 1.2em;
  8. height: 1.2em;
  9. cursor: default;
  10. -ms-touch-action: none;
  11. touch-action: none;
  12. z-index: 1;
  13. }
  14. .ui-slider .ui-slider-handle.ui-slider-handle-active {
  15. z-index: 2;
  16. }
  17. .ui-slider .ui-slider-range {
  18. position: absolute;
  19. font-size: .7em;
  20. display: block;
  21. border: 0;
  22. background-position: 0 0;
  23. }
  24. .ui-slider-horizontal {
  25. height: .8em;
  26. }
  27. .ui-slider-horizontal .ui-slider-handle {
  28. top: -.25em;
  29. margin-left: -.6em;
  30. }
  31. .ui-slider-horizontal .ui-slider-range {
  32. top: 0;
  33. height: 100%;
  34. }
  35. .ui-slider-horizontal .ui-slider-range-min {
  36. left: 0;
  37. }
  38. .ui-slider-horizontal .ui-slider-range-max {
  39. right: 0;
  40. }
  41. .ui-slider-vertical {
  42. width: .8em;
  43. height: 100px;
  44. }
  45. .ui-slider-vertical .ui-slider-handle {
  46. left: -.25em;
  47. margin-left: 0;
  48. margin-bottom: -.6em;
  49. }
  50. .ui-slider-vertical .ui-slider-range {
  51. left: 0;
  52. width: 100%;
  53. }
  54. .ui-slider-vertical .ui-slider-range-min {
  55. bottom: 0;
  56. }
  57. .ui-slider-vertical .ui-slider-range-max {
  58. top: 0;
  59. }
  60. .ui-slider-animate .ui-slider-handle {
  61. transition: left .3s;
  62. }