ion.rangeSlider.skinNice.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* Ion.RangeSlider, Nice Skin
  2. // css version 1.8.5
  3. // by Denis Ineshin | ionden.com
  4. // ===================================================================================================================*/
  5. /* =====================================================================================================================
  6. // Skin details */
  7. .irs-line-mid,
  8. .irs-line-left,
  9. .irs-line-right,
  10. .irs-diapason,
  11. .irs-slider {
  12. background: url(img/sprite-skin-nice.png) repeat-x;
  13. }
  14. .irs {
  15. height: 40px;
  16. }
  17. .irs-with-grid {
  18. height: 60px;
  19. }
  20. .irs-line {
  21. height: 8px; top: 25px;
  22. }
  23. .irs-line-left {
  24. height: 8px;
  25. background-position: 0 -30px;
  26. }
  27. .irs-line-mid {
  28. height: 8px;
  29. background-position: 0 0;
  30. }
  31. .irs-line-right {
  32. height: 8px;
  33. background-position: 100% -30px;
  34. }
  35. .irs-diapason {
  36. height: 8px; top: 25px;
  37. background-position: 0 -60px;
  38. }
  39. .irs-slider {
  40. width: 22px; height: 22px;
  41. top: 17px;
  42. background-position: 0 -90px;
  43. }
  44. #irs-active-slider, .irs-slider:hover {
  45. background-position: 0 -120px;
  46. }
  47. .irs-min, .irs-max {
  48. color: #999;
  49. font-size: 10px; line-height: 1.333;
  50. text-shadow: none;
  51. top: 0; padding: 1px 3px;
  52. background: rgba(0,0,0,0.1);
  53. border-radius: 3px;
  54. }
  55. .lt-ie9 .irs-min, .lt-ie9 .irs-max {
  56. background: #ccc;
  57. }
  58. .irs-from, .irs-to, .irs-single {
  59. color: #fff;
  60. font-size: 10px; line-height: 1.333;
  61. text-shadow: none;
  62. padding: 1px 5px;
  63. background: rgba(0,0,0,0.3);
  64. border-radius: 3px;
  65. }
  66. .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  67. background: #999;
  68. }
  69. .irs-grid-pol {
  70. background: #99a4ac;
  71. }
  72. .irs-grid-text {
  73. color: #99a4ac;
  74. }
  75. .irs-disabled {
  76. }