formstone
Version:
Library of modular front end components.
2 lines • 1.58 kB
CSS
/*! formstone v1.4.7 [range.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-range.fs-light .fs-range-track{height:20px;background:#fff;border:1px solid #546e7a;border-radius:2px;margin:10px 0}.fs-range.fs-light .fs-range-fill{background:#90a4ae}.fs-range.fs-light .fs-range-marker{width:30px;height:30px;position:relative;background:#546e7a;border-radius:2px;margin:-6px 0 0 -15px}.fs-range.fs-light .fs-range-marker:after{width:2px;height:10px;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-box-shadow:3px 0 0 #fff,-3px 0 0 #fff;box-shadow:3px 0 0 #fff,-3px 0 0 #fff;content:'';margin:auto}.fs-light.fs-range-focus .fs-range-track,.no-touchevents .fs-light:hover .fs-range-track{border-color:#263238}.fs-light.fs-range-focus .fs-range-marker,.no-touchevents .fs-light:hover .fs-range-marker{background:#263238}.fs-range.fs-light .fs-range-label{color:#263238;font-size:14px;line-height:38px}.fs-light.fs-range-vertical{width:60px;height:300px}.fs-light.fs-range-vertical .fs-range-track{width:20px;height:75%;margin:0 auto}.fs-light.fs-range-vertical .fs-range-marker{margin:-15px 0 0 -6px}.fs-light.fs-range-vertical .fs-range-label{line-height:38px}.fs-light.fs-range-disabled{opacity:.5}.fs-light.fs-range-disabled .fs-range-marker{cursor:default}.fs-light.fs-range-disabled.fs-range-focus .fs-range-track,.no-touchevents .fs-light.fs-range-disabled:hover .fs-range-track{border-color:#546e7a}.fs-light.fs-range-disabled.fs-range-focus .fs-range-marker,.no-touchevents .fs-light.fs-range-disabled:hover .fs-range-marker{background:#546e7a}