123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /* Ion.RangeSlider
- // css version 1.8.5
- // by Denis Ineshin | ionden.com
- // ===================================================================================================================*/
-
- /* =====================================================================================================================
- // RangeSlider */
-
- .irs {
- position: relative; display: block;
- }
- .irs-line {
- position: relative; display: block;
- overflow: hidden;
- }
- .irs-line-left, .irs-line-mid, .irs-line-right {
- position: absolute; display: block;
- top: 0;
- }
- .irs-line-left {
- left: 0; width: 10%;
- }
- .irs-line-mid {
- left: 10%; width: 80%;
- }
- .irs-line-right {
- right: 0; width: 10%;
- }
-
- .irs-diapason {
- position: absolute; display: block;
- left: 0; width: 100%;
- }
- .irs-slider {
- position: absolute; display: block;
- cursor: default;
- z-index: 1;
- }
- .irs-slider.single {
- left: 10px;
- }
- .irs-slider.single:before {
- position: absolute; display: block; content: "";
- top: -30%; left: -30%;
- width: 160%; height: 160%;
- background: rgba(0,0,0,0.0);
- }
- .irs-slider.from {
- left: 100px;
- }
- .irs-slider.from:before {
- position: absolute; display: block; content: "";
- top: -30%; left: -30%;
- width: 130%; height: 160%;
- background: rgba(0,0,0,0.0);
- }
- .irs-slider.to {
- left: 300px;
- }
- .irs-slider.to:before {
- position: absolute; display: block; content: "";
- top: -30%; left: 0;
- width: 130%; height: 160%;
- background: rgba(0,0,0,0.0);
- }
- .irs-slider.last {
- z-index: 2;
- }
-
- .irs-min {
- position: absolute; display: block;
- left: 0;
- cursor: default;
- }
- .irs-max {
- position: absolute; display: block;
- right: 0;
- cursor: default;
- }
-
- .irs-from, .irs-to, .irs-single {
- position: absolute; display: block;
- top: 0; left: 0;
- cursor: default;
- white-space: nowrap;
- }
-
-
- .irs-grid {
- position: absolute; display: none;
- bottom: 0; left: 0;
- width: 100%; height: 20px;
- }
- .irs-with-grid .irs-grid {
- display: block;
- }
- .irs-grid-pol {
- position: absolute;
- top: 0; left: 0;
- width: 1px; height: 8px;
- background: #000;
- }
- .irs-grid-pol.small {
- height: 4px;
- }
- .irs-grid-text {
- position: absolute;
- bottom: 0; left: 0;
- width: 100px;
- white-space: nowrap;
- text-align: center;
- font-size: 9px; line-height: 9px;
- color: #000;
- }
-
- .irs-disable-mask {
- position: absolute; display: block;
- top: 0; left: 0;
- width: 100%; height: 100%;
- cursor: default;
- background: rgba(0,0,0,0.0);
- z-index: 2;
- }
- .irs-disabled {
- opacity: 0.4;
- }
|