classic.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /**
  2. * default development theme for jQRangeSlider
  3. * Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
  4. */
  5. .ui-rangeSlider{
  6. height:22px;
  7. }
  8. .ui-rangeSlider .ui-rangeSlider-innerBar{
  9. height:16px;
  10. margin:3px 6px;
  11. background:#DDD;
  12. }
  13. .ui-rangeSlider .ui-rangeSlider-handle{
  14. width:6px;
  15. height:22px;
  16. background:#AAA;
  17. background:rgba(100,100,100, 0.3);
  18. cursor:col-resize;
  19. }
  20. .ui-rangeSlider .ui-rangeSlider-bar{
  21. margin: 1px 0;
  22. background:#CCC;
  23. background:rgba(100,100,150, 0.2);
  24. height:20px;
  25. cursor:move;
  26. cursor:grab;
  27. cursor: -moz-grab;
  28. }
  29. .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{
  30. cursor: -moz-grabbing;
  31. cursor:grabbing;
  32. }
  33. .ui-rangeSlider-arrow{
  34. height:16px;
  35. margin:2px 0;
  36. width:16px;
  37. background-repeat:no-repeat;
  38. }
  39. .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{
  40. background-image: url('icons-classic/resultset_previous.png');
  41. background-position:center left;
  42. }
  43. .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{
  44. background-image: url('icons-classic/resultset_next.png');
  45. background-position:center right;
  46. }
  47. .ui-rangeSlider-arrow-inner{
  48. display: none;
  49. }
  50. .ui-rangeSlider-container{
  51. height:22px;
  52. }
  53. .ui-rangeSlider-withArrows .ui-rangeSlider-container{
  54. margin:0 11px;
  55. }
  56. .ui-rangeSlider-noArrow .ui-rangeSlider-container{
  57. margin:0;
  58. }
  59. .ui-rangeSlider-label{
  60. margin:0 2px 2px;
  61. background-image:url('icons-classic/label.png');
  62. background-position:bottom center;
  63. background-repeat:no-repeat;
  64. white-space: nowrap;
  65. bottom:20px;
  66. padding:3px 6px 7px;
  67. cursor:col-resize;
  68. }
  69. .ui-rangeSlider-label-inner{
  70. display:none;
  71. }
  72. /*
  73. * Edit slider
  74. */
  75. input.ui-editRangeSlider-inputValue{
  76. width:3em;
  77. vertical-align: middle;
  78. text-align:center;
  79. }