diff options
| author | Minteck <contact@minteck.org> | 2022-03-27 21:29:24 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-03-27 21:29:24 +0200 |
| commit | 226516aca48e97d3dc4e4df213bc2023e64b1afd (patch) | |
| tree | 60fb4f24b75b120e7e5b0e149069b16367c48aa0 /css/seekbar.css | |
| download | argon-226516aca48e97d3dc4e4df213bc2023e64b1afd.tar.gz argon-226516aca48e97d3dc4e4df213bc2023e64b1afd.tar.bz2 argon-226516aca48e97d3dc4e4df213bc2023e64b1afd.zip | |
Initial commit
Diffstat (limited to 'css/seekbar.css')
| -rw-r--r-- | css/seekbar.css | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/css/seekbar.css b/css/seekbar.css new file mode 100644 index 0000000..67a3ec6 --- /dev/null +++ b/css/seekbar.css @@ -0,0 +1,34 @@ +#player-seekbar { + -webkit-appearance: none; + height: 2px; + border-radius: 999px; + background: #d3d3d3; + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; +} + +#player-seekbar::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 10px; + height: 10px; + border-radius: 50%; + background: #282828; +} + +#player-seekbar::-moz-range-thumb { + width: 10px; + height: 10px; + border-radius: 50%; + background: #282828; +} + +#player-seekbar::-webkit-slider-thumb:hover { + background: rgba(40, 40, 40, 0.75); +} + +#player-seekbar::-moz-range-thumb:hover { + background: rgba(40, 40, 40, 0.75); +}
\ No newline at end of file |