range-slider.css 803 Bytes
Newer Older
1 2
.range {
  width: 400px;
3 4
  /* some space for the right knob */
  padding-right: 30px;
5 6
}
.range .range-slider {
7 8
  position: relative;
}
9
.range .range-slider .scale {
10
  position: absolute;
11 12 13 14 15 16 17 18 19 20
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background-color: #d8d8d8;
}
.range .range-slider .scale-sel {
  position: absolute;
  background-color: #27c470;
  width: 100%;
  height: 7px;
21
}
22
.range .range-slider .knob {
23
  position: absolute;
24
  cursor: pointer;
25 26 27 28 29
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
30 31 32
  margin-top: -4px;
  z-index: 1;
  box-shadow: 1px 1px 3px grey;
33
}
34
.range .range-slider .knob .button {
35
  margin-top: -3px;
36 37 38
  background: #eee;
  width: 30px;
  height: 20px;
39
}
40 41

/*# sourceMappingURL=range-slider.css.map */