slider.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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: 5px;
  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. font-size: 12px;
  33. white-space: nowrap;
  34. top: -22px;
  35. }
  36. .slider-rule {
  37. position: relative;
  38. top: 15px;
  39. }
  40. .slider-rule span {
  41. position: absolute;
  42. display: inline-block;
  43. font-size: 0;
  44. height: 5px;
  45. border-width: 0 0 0 1px;
  46. border-style: solid;
  47. }
  48. .slider-rulelabel {
  49. position: relative;
  50. top: 20px;
  51. }
  52. .slider-rulelabel span {
  53. position: absolute;
  54. display: inline-block;
  55. font-size: 12px;
  56. }
  57. .slider-v .slider-inner {
  58. width: 6px;
  59. left: 7px;
  60. top: 0;
  61. float: left;
  62. }
  63. .slider-v .slider-handle {
  64. left: 3px;
  65. margin-top: -10px;
  66. }
  67. .slider-v .slider-tip {
  68. left: -10px;
  69. margin-top: -6px;
  70. }
  71. .slider-v .slider-rule {
  72. float: left;
  73. top: 0;
  74. left: 16px;
  75. }
  76. .slider-v .slider-rule span {
  77. width: 5px;
  78. height: 'auto';
  79. border-left: 0;
  80. border-width: 1px 0 0 0;
  81. border-style: solid;
  82. }
  83. .slider-v .slider-rulelabel {
  84. float: left;
  85. top: 0;
  86. left: 23px;
  87. }
  88. .slider-handle {
  89. background: url('images/slider_handle.png') no-repeat;
  90. }
  91. .slider-inner {
  92. border-color: #D3D3D3;
  93. background: #f3f3f3;
  94. }
  95. .slider-rule span {
  96. border-color: #D3D3D3;
  97. }
  98. .slider-rulelabel span {
  99. color: #000000;
  100. }