.range { width: 400px; /* some space for the right knob */ padding-right: 30px; } .range .range-slider { position: relative; } .range .range-slider .scale { position: absolute; width: 100%; height: 3px; margin-top: 2px; background-color: #d8d8d8; } .range .range-slider .scale-sel { position: absolute; background-color: #27c470; width: 100%; height: 7px; } .range .range-slider .knob { position: absolute; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none; margin-top: -4px; z-index: 1; box-shadow: 1px 1px 3px grey; } .range .range-slider .knob .button { margin-top: -3px; background: #eee; width: 30px; height: 20px; } /*# sourceMappingURL=range-slider.css.map */