/* Ion.RangeSlider, Flat UI Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: #eee; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 5px; top: 25px; } .irs-line-left { height: 10px; background-position: 0 -30px; } .irs-line-mid { height: 5px; background-position: 0 0; } .irs-line-right { height: 5px; background-position: 100% -30px; } .irs-bar { height: 5px; top: 25px; background: #2FC961;; } .irs-bar-edge { top: 25px; height: 10px; width: 9px; background-position: 0 -90px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 12px; height: 12px; top: 21px; background: #2FC961; border: 3px solid #333; border-radius: 50%; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; -moz-border-radius: 4px; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #333; -moz-border-radius: 0px; border-radius: 0px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #333; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .irs-disabled { }