Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
10582 lgm 1 
  .noUiSlider, .noUiSlider * {
2 
  -webkit-box-sizing: border-box;
3 
  -moz-box-sizing: border-box;
4 
  box-sizing: border-box;
5 
  -webkit-user-select: none;
6 
  -moz-user-select: none;
7 
  -ms-user-select: none;
8 
  display: block;
9 
  cursor: default;
10 
}
11 
.noUiSlider {
12 
  position: relative;
13 
}
14 
.noUiSlider a {
15 
  position: absolute;
16 
  z-index: 1;
17 
  background: #1fabf6;
18 
}
19 
.noUiSlider a:nth-child(2) {
20 
  background: inherit !important;
21 
}
22 
.noUiSlider.vertical a {
23 
  width: 100%;
24 
  bottom: 0;
25 
}
26 
.noUiSlider.horizontal a {
27 
  height: 100%;
28 
  right: 0;
29 
  border-radius: 10px;
30 
}
31 
 
32 
@media screen and (-ms-high-contrast: active) , (-ms-high-contrast: none) {
33 
  .noUiSlider:before, body.TOUCH, .noUiSlider div {
34 
    -ms-touch-action: none;
35 
  }
36 
  .noUiSlider:before {
37 
    display: block;
38 
    position: absolute;
39 
    width: 150%;
40 
    left: -25%;
41 
    height: 400%;
42 
    top: -150%;
43 
    content: "";
44 
    z-index: -1;
45 
  }
46 
  .noUiSlider.vertical:before {
47 
    width: 400%;
48 
    left: -150%;
49 
    height: 150%;
50 
    top: -25%;
51 
  }
52 
}
53 
.noUiSlider {
54 
  border-radius: 5px;
55 
}
56 
.noUiSlider.connect a, .noUiSlider.connect.lower {//
57 
  background: #dddddd;
58 
}
59 
.noUiSlider, .noUiSlider.connect.lower a {
60 
  background: #dddddd;//
61 
  box-shadow: inset 0px 1px 7px #b6b4a8
62 
}
63 
.noUiSlider.disabled, .noUiSlider.disabled.connect.lower a {
64 
  background: #ccc;
65 
  box-shadow: none;
66 
}
67 
.noUiSlider div {
68 
  height: 20px;
69 
  width: 20px;
70 
  background: #efefe7;
71 
  border-radius:20px;
72 
}
73 
.noUiSlider.horizontal a:nth-of-type(1) div {
74 
  background: #1FABF6;
75 
 
76 
}
77 
.noUiSlider.horizontal a:nth-of-type(2) div {
78 
  background: #1FABF6;
79 
}
80 
.noUiSlider.disabled div {
81 
  background: transparent;
82 
}
83 
.noUiSlider.horizontal {
84 
  width: 92%;
85 
  left:4%;
86 
  height: 10px;
87 
  background-color: #F2F3EF;
88 
  margin: 20px 0;
89 
  border-radius: 10px;
90 
}
91 
.noUiSlider.horizontal div {
92 
  margin: -5px 0 0 -9px;
93 
}
94 
.noUiSlider.vertical {
95 
  width: 10px;
96 
  height: 300px;
97 
}
98 
.noUiSlider.vertical div {
99 
  margin: -9px 0 0 -5px;
100 
}
101 
.slider-input{
102 
  position: absolute;
103 
  left: 0%;
104 
  border: #1FABF6 solid 1px;
105 
  color:#555555;
106 
  display: inline-block;
107 
  height: 18px;
108 
  line-height: 20px;
109 
  text-align: center;
110 
  min-width: 50px;
111 
  border-radius: 5px;
112 
  -webkit-appearance:none;
113 
}
114 
 
115 
.slider-input:before {
116 
  content: "";
117 
  position: absolute;
118 
  bottom: -8px;
119 
  left: 15px;
120 
  border-width: 8px 11px 0;
121 
  border-style: solid;
122 
  border-color: #1FABF6 transparent;
123 
  display: block;
124 
  width: 0;
125 
}
126 
 
127 
.slider-input:after {
128 
  content: "";
129 
  position: absolute;
130 
  bottom: -6px;
131 
  left: 17px;
132 
  border-width: 6px 9px 0;
133 
  border-style: solid;
134 
  border-color: #fff transparent;
135 
  display: block;
136 
  width: 0;
137 
}
138 
 
139 
span.slider-input:nth-of-type(1){
140 
  left:0%;
141 
}
142 
 
143 
span.slider-input:nth-of-type(2){
144 
  left:98%;
145 
}
146 
/*
147 
#exFR {
148 
  position: relative;
149 
  right: 0%;
150 
  border: #dddddd solid 1px;
151 
  display: inline;
152 
  padding: 5px 0;
153 
  text-align: center;
154 
  width: 40px;
155 
  border-radius: 5px;
156 
  -webkit-appearance:none;
157 
}*/
158