1/* Ion.RangeSlider
2// css version 2.0.3
3// © 2013-2014 Denis Ineshin | IonDen.com
4// ===================================================================================================================*/
5
6/* =====================================================================================================================
7// RangeSlider */
8
9.irs {
10 position: relative; display: block;
11 -webkit-touch-callout: none;
12 -webkit-user-select: none;
13 -khtml-user-select: none;
14 -moz-user-select: none;
15 -ms-user-select: none;
16 user-select: none;
17}
18 .irs-line {
19 position: relative; display: block;
20 overflow: hidden;
21 outline: none !important;
22 }
23 .irs-line-left, .irs-line-mid, .irs-line-right {
24 position: absolute; display: block;
25 top: 0;
26 }
27 .irs-line-left {
28 left: 0; width: 11%;
29 }
30 .irs-line-mid {
31 left: 9%; width: 82%;
32 }
33 .irs-line-right {
34 right: 0; width: 11%;
35 }
36
37 .irs-bar {
38 position: absolute; display: block;
39 left: 0; width: 0;
40 }
41 .irs-bar-edge {
42 position: absolute; display: block;
43 top: 0; left: 0;
44 }
45
46 .irs-shadow {
47 position: absolute; display: none;
48 left: 0; width: 0;
49 }
50
51 .irs-slider {
52 position: absolute; display: block;
53 cursor: default;
54 z-index: 1;
55 }
56 .irs-slider.single {
57
58 }
59 .irs-slider.from {
60
61 }
62 .irs-slider.to {
63
64 }
65 .irs-slider.type_last {
66 z-index: 2;
67 }
68
69 .irs-min {
70 position: absolute; display: block;
71 left: 0;
72 cursor: default;
73 }
74 .irs-max {
75 position: absolute; display: block;
76 right: 0;
77 cursor: default;
78 }
79
80 .irs-from, .irs-to, .irs-single {
81 position: absolute; display: block;
82 top: 0; left: 0;
83 cursor: default;
84 white-space: nowrap;
85 }
86
87.irs-grid {
88 position: absolute; display: none;
89 bottom: 0; left: 0;
90 width: 100%; height: 20px;
91}
92.irs-with-grid .irs-grid {
93 display: block;
94}
95 .irs-grid-pol {
96 position: absolute;
97 top: 0; left: 0;
98 width: 1px; height: 8px;
99 background: #000;
100 }
101 .irs-grid-pol.small {
102 height: 4px;
103 }
104 .irs-grid-text {
105 position: absolute;
106 bottom: 0; left: 0;
107 white-space: nowrap;
108 text-align: center;
109 font-size: 9px; line-height: 9px;
110 padding: 0 3px;
111 color: #000;
112 }
113
114.irs-disable-mask {
115 position: absolute; display: block;
116 top: 0; left: -1%;
117 width: 102%; height: 100%;
118 cursor: default;
119 background: rgba(0,0,0,0.0);
120 z-index: 2;
121}
122.lt-ie9 .irs-disable-mask {
123 background: #000;
124 filter:
alpha(opacity=0);
125 cursor: not-allowed;
126}
127
128.irs-disabled {
129 opacity: 0.4;
130}
131
132
133.irs-hidden-input {
134 position: absolute !important;
135 display: block !important;
136 top: 0 !important;
137 left: 0 !important;
138 width: 0 !important;
139 height: 0 !important;
140 font-size: 0 !important;
141 line-height: 0 !important;
142 padding: 0 !important;
143 margin: 0 !important;
144 overflow: hidden;
145 outline: none !important;
146 z-index: -9999 !important;
147 background: none !important;
148 border-style: solid !important;
149 border-color: transparent !important;
150}