diff options
| author | Devaev Maxim <[email protected]> | 2018-10-09 02:06:35 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-10-09 02:06:35 +0300 |
| commit | 66f0eb7f3094ed05996f14e8ec256d70ce0d17c5 (patch) | |
| tree | 146ebe5d4eb6e1652ddfd4b7b2e677c20dcd9d9f /web/css/sliders.css | |
| parent | c4e355cdb00801666bede44aa4e60d92a988e2b0 (diff) | |
quality slider
Diffstat (limited to 'web/css/sliders.css')
| -rw-r--r-- | web/css/sliders.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/web/css/sliders.css b/web/css/sliders.css new file mode 100644 index 00000000..8e60e078 --- /dev/null +++ b/web/css/sliders.css @@ -0,0 +1,60 @@ +@supports (-webkit-appearance:none) { + input[type=range].slider { + cursor: pointer; + outline: none; + width: 100%; + box-shadow: none; + background: transparent; + margin: 8px 0 8px 0; + -webkit-appearance: none; + -webkit-tap-highlight-color: transparent; + } +} +@supports not (-webkit-appearance:none) { + input[type=range].slider { + cursor: pointer; + outline: none; + width: 100%; + box-shadow: none; + margin-left: 0; + margin-right: 0; + } +} + +input[type=range].slider::-webkit-slider-runnable-track { + height: 5px; + background: var(--bg-color-light); + border-radius: 3px; +} + +input[type=range].slider::-webkit-slider-thumb { + border: var(--intensive-border); + height: 18px; + width: 18px; + border-radius: 25px; + background: var(--bg-color-intensive); + -webkit-appearance: none; + margin-top: -7px; +} +input[type=range].slider:disabled::-webkit-slider-thumb { + border: var(--inactive-border); + background: var(--bg-color-normal); +} + +input[type=range].slider::-moz-range-track { + height: 5px; + background: var(--bg-color-light); + border-radius: 3px; +} + +input[type=range].slider::-moz-range-thumb { + border: var(--intensive-border); + height: 18px; + width: 18px; + border-radius: 25px; + background: var(--bg-color-intensive); +} +input[type=range].slider:disabled::-moz-range-thumb { + border: var(--inactive-border); + background: var(--bg-color-normal); +} |