slider.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .slider-disabled {
  2. opacity: 0.5;
  3. filter: alpha(opacity=50);
  4. }
  5. .slider-h {
  6. height: 22px;
  7. }
  8. .slider-v {
  9. width: 22px;
  10. }
  11. .slider-inner {
  12. position: relative;
  13. height: 6px;
  14. top: 7px;
  15. border-width: 1px;
  16. border-style: solid;
  17. border-radius: 0px;
  18. }
  19. .slider-handle {
  20. position: absolute;
  21. display: block;
  22. outline: none;
  23. width: 20px;
  24. height: 20px;
  25. top: -7px;
  26. margin-left: -10px;
  27. }
  28. .slider-tip {
  29. position: absolute;
  30. display: inline-block;
  31. line-height: 12px;
  32. white-space: nowrap;
  33. top: -22px;
  34. }
  35. .slider-rule {
  36. position: relative;
  37. top: 15px;
  38. }
  39. .slider-rule span {
  40. position: absolute;
  41. display: inline-block;
  42. font-size: 0;
  43. height: 5px;
  44. border-width: 0 0 0 1px;
  45. border-style: solid;
  46. }
  47. .slider-rulelabel {
  48. position: relative;
  49. top: 20px;
  50. }
  51. .slider-rulelabel span {
  52. position: absolute;
  53. display: inline-block;
  54. }
  55. .slider-v .slider-inner {
  56. width: 6px;
  57. left: 7px;
  58. top: 0;
  59. float: left;
  60. }
  61. .slider-v .slider-handle {
  62. left: 3px;
  63. margin-top: -10px;
  64. }
  65. .slider-v .slider-tip {
  66. left: -10px;
  67. margin-top: -6px;
  68. }
  69. .slider-v .slider-rule {
  70. float: left;
  71. top: 0;
  72. left: 16px;
  73. }
  74. .slider-v .slider-rule span {
  75. width: 5px;
  76. height: 'auto';
  77. border-left: 0;
  78. border-width: 1px 0 0 0;
  79. border-style: solid;
  80. }
  81. .slider-v .slider-rulelabel {
  82. float: left;
  83. top: 0;
  84. left: 23px;
  85. }
  86. .slider-handle {
  87. background: url('images/slider_handle.png') no-repeat;
  88. }
  89. .slider-inner {
  90. border-color: #c3d9e0;
  91. background: #daeef5;
  92. }
  93. .slider-rule span {
  94. border-color: #c3d9e0;
  95. }
  96. .slider-rulelabel span {
  97. color: #404040;
  98. }