GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-13 09:40:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Devaev Maxim 2018-08-12 08:30:32 +03:00
parent 43fa2cc2ff
commit 798bc37fce
1 changed files with 33 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
kvmd/web/css/leds.css
View File

@ -10,49 +10,60 @@
} }
} }
:root {
--led-filter-gray: invert(0.5);
--led-filter-green: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
--led-filter-red: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
--led-filter-yellow: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
--led-spin-slow: spin 6s linear infinite;
--led-spin-medium: spin 3s linear infinite;
--led-spin-fast: spin 2s linear infinite;
}
img.led-on { img.led-on {
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); -webkit-filter: var(--led-filter-green);
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); filter: var(--led-filter-green);
} }
img.led-off { img.led-off {
-webkit-filter: invert(0.5); -webkit-filter: var(--led-filter-gray);
filter: invert(0.5); filter: var(--led-filter-gray);
} }
img.led-hdd-busy { img.led-hdd-busy {
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); -webkit-filter: var(--led-filter-red);
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); filter: var(--led-filter-red);
} }
img.led-msd-writing, img.led-msd-writing,
img.led-pak-typing { img.led-pak-typing {
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); -webkit-filter: var(--led-filter-yellow);
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); filter: var(--led-filter-yellow);
-webkit-animation: spin 2s linear infinite; -webkit-animation: var(--led-spin-fast);
animation: spin 2s linear infinite; animation: var(--led-spin-fast);
} }
img.led-link-connecting { img.led-link-connecting {
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); -webkit-filter: var(--led-filter-yellow);
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); filter: var(--led-filter-yellow);
} }
img.led-fan-on { img.led-fan-on {
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); -webkit-filter: var(--led-filter-green);
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); filter: var(--led-filter-green);
-webkit-animation: spin 3s linear infinite; -webkit-animation: var(--led-spin-medium);
animation: spin 3s linear infinite; animation: var(--led-spin-medium);
} }
img.led-fan-slow { img.led-fan-slow {
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); -webkit-filter: var(--led-filter-yellow);
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); filter: var(--led-filter-yellow);
-webkit-animation: spin 6s linear infinite; -webkit-animation: var(--led-spin-slow);
animation: spin 6s linear infinite; animation: var(--led-spin-slow);
} }
img.led-fan-fail { img.led-fan-fail {
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); -webkit-filter: var(--led-filter-red);
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); filter: var(--led-filter-red);
} }