style.css
4.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
.range-bar{background-color:#a9acb1;border-radius:15px;display:block;height:4px;position:relative;width:100%}
.range-quantity{background-color:#017afd;border-radius:15px;display:block;height:100%;width:0}
.range-handle{background-color:#fff;border-radius:100%;cursor:move;height:30px;left:0;top:-13px;position:absolute;width:30px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.range-min,.range-max{color:#181819;font-size:12px;height:20px;padding-top:4px;position:absolute;text-align:center;top:-9px;width:24px}
.range-min{left:-30px}
.range-max{right:-30px}
.vertical{height:100%;width:4px}
.vertical .range-quantity{bottom:0;height:0;position:absolute;width:100%}
.vertical .range-handle{bottom:0;left:-13px;top:auto}
.vertical .range-min,.vertical .range-max{left:-10px;right:auto;top:auto}
.vertical .range-min{bottom:-30px}
.vertical .range-max{top:-30px}
.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.range-disabled{cursor:default}
.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;background-color: #FFF;border-radius: 100%;cursor: pointer;height: 30px;left: 0;top: 13px;width: 30px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.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;background-color: #FFF;border-radius: 100%;cursor: pointer;height: 30px;left: 0;top: 13px;width: 30px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.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;background-color: #FFF;border-radius: 100%;cursor: pointer;height: 30px;left: 0;top: 13px;width: 30px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.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:-5px;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:5px;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:.4}
.irs{height:40px}
.irs-with-grid{height:60px}
.irs-line{height:5px;top:25px;background-color: #F0F0F0;border-radius: 3px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.irs-line-left{height:5px;background-position:0 -30px}
.irs-line-mid{height:5px;background-position:0 0}
.irs-line-right{height:5px;background-position:100% -30px}
.irs-diapason{height:5px;top:25px;background-position:0 -60px;background-color: #319DB5}
.danger .irs-diapason {background-color: #C75757;}
.primary .irs-diapason {background-color: #00A2D9;}
.success .irs-diapason {background-color: #18A689;}
.warning .irs-diapason {background-color: #F0AD4E}
.dark .irs-diapason {background-color: #319DB5}
.irs-slider{width:22px;height:22px;top:17px;background-position:0 -90px}
#irs-active-slider,.irs-slider:hover{background-position:0 -120px}
.irs-min,.irs-max{color:#999;font-size:10px;line-height:1.333;text-shadow:none;top:0;padding:1px 3px;background:rgba(0,0,0,0.1);border-radius:3px}
.lt-ie9 .irs-min,.lt-ie9 .irs-max{background:#ccc}
.irs-from,.irs-to,.irs-single{color:#fff;font-size:10px;text-shadow:none;padding:4px 5px 2px;background:rgba(0,0,0,0.3);border-radius:3px}
.lt-ie9 .irs-from,.lt-ie9 .irs-to,.lt-ie9 .irs-single{background:#999}
.irs-grid-pol{background:#99a4ac}
.irs-grid-text{color:#99a4ac}