diff options
author | Luciano Iam <lucianito@gmail.com> | 2020-04-09 16:34:16 +0200 |
---|---|---|
committer | Robin Gareus <robin@gareus.org> | 2020-04-09 20:56:46 +0200 |
commit | 891c63fe892b59fcf5a5579191ea844fad9f9d07 (patch) | |
tree | e93223d81aa26654fca0357750882d6c84b9d8c7 /share/web_surfaces/builtin/mixer-demo/css/widget.css | |
parent | d694ee97c7a77172943ab342c9d5edd9bb57d2d0 (diff) |
Update HTML/CSS/JS frontend
Diffstat (limited to 'share/web_surfaces/builtin/mixer-demo/css/widget.css')
-rw-r--r-- | share/web_surfaces/builtin/mixer-demo/css/widget.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/share/web_surfaces/builtin/mixer-demo/css/widget.css b/share/web_surfaces/builtin/mixer-demo/css/widget.css new file mode 100644 index 0000000000..75be020642 --- /dev/null +++ b/share/web_surfaces/builtin/mixer-demo/css/widget.css @@ -0,0 +1,50 @@ +.widget-switch { + display: block; + -webkit-appearance:none; + width: 37px; + height: 37px; + border: 3.5px solid rgb(248,248,242); + border-radius: 50%; +} + +.widget-switch:checked { + background: rgb(235,141,33); +} + +.widget-slider { + display: block; + -webkit-appearance: none; + height: 37px; + width: 100%; + background: transparent; +} + +.widget-slider::-webkit-slider-runnable-track { + height: 4px; + background: rgb(248,248,242); +} + +.widget-slider::-webkit-slider-thumb { + -webkit-appearance: none; + height: 36px; + width: 36px; + margin-top: -16px; + border-radius: 50%; + background: rgb(235,141,33); +} + +/* repeat slider style for firefox */ + +.widget-slider::-moz-range-track { + height: 4px; + background: rgb(248,248,242); +} + +.widget-slider::-moz-range-thumb { + -webkit-appearance: none; + height: 36px; + width: 36px; + margin-top: -16px; + border-radius: 50%; + background: rgb(235,141,33); +} |