diff options
| author | Devaev Maxim <[email protected]> | 2018-07-13 20:43:45 +0000 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-13 21:18:21 +0000 |
| commit | 73ec9d853efed8b0cccf177308f825db6d202308 (patch) | |
| tree | 00e8830469bb26d114977fff2509647e754b0b85 /kvmd/web/css/main.css | |
| parent | e118d270dfb310498d2135f5af7c6b86bdc161c7 (diff) | |
better ui
Diffstat (limited to 'kvmd/web/css/main.css')
| -rw-r--r-- | kvmd/web/css/main.css | 42 |
1 files changed, 25 insertions, 17 deletions
diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css index bd74ec10..20d7c714 100644 --- a/kvmd/web/css/main.css +++ b/kvmd/web/css/main.css @@ -1,40 +1,48 @@ -.stream-box { +div#stream-box { box-sizing: border-box; display: inline-block; background-color: #e5e5f5; padding: 10px; } -.stream-image { +img#stream-image { width: 640px; height: 480px; + display: inline-block; border: 1px solid grey; +} +img.stream-image-on { + cursor: cell; + -webkit-filter: none; + filter: none; +} +img.stream-image-off { cursor: wait; + -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ + filter: grayscale(100%); } -.session-opened { +div.session-active { color: grey; } -.session-closed { +div.session-closed { color: #ff3d40; } -div#power-led, div#hdd-led { - border-radius: 50%; - border: 1px solid grey; - width: 16px; - height: 16px; +div#atx-power-led, div#hid-mouse-led, div#msd-led { + font-weight: bold; + font-size: 150%; } -div.power-led-on { - background: #00ce00; +div#atx-hdd-led, div#screen-led, div#hid-keyboard-led { + font-size: 150%; } -div.power-led-off { - background: #adceab; +div.led-on { + color: #00ce00; } -div.hdd-led-on { - background: #ff373a; +div.led-off { + color: grey; } -div.hdd-led-off { - background: #ffcdce; +div.led-busy { + color: #ff373a; } button#power-button, button#reset-button { |