mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-12 09:10:30 +08:00
86 lines
3.0 KiB
CSS
86 lines
3.0 KiB
CSS
/*****************************************************************************
|
|
# #
|
|
# KVMD - The main Pi-KVM daemon. #
|
|
# #
|
|
# Copyright (C) 2018 Maxim Devaev <mdevaev@gmail.com> #
|
|
# #
|
|
# This program is free software: you can redistribute it and/or modify #
|
|
# it under the terms of the GNU General Public License as published by #
|
|
# the Free Software Foundation, either version 3 of the License, or #
|
|
# (at your option) any later version. #
|
|
# #
|
|
# This program is distributed in the hope that it will be useful, #
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of #
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the #
|
|
# GNU General Public License for more details. #
|
|
# #
|
|
# You should have received a copy of the GNU General Public License #
|
|
# along with this program. If not, see <https://www.gnu.org/licenses/>. #
|
|
# #
|
|
*****************************************************************************/
|
|
|
|
|
|
@-webkit-keyframes spin {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes spin {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
: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-gray {
|
|
-webkit-filter: var(--led-filter-gray);
|
|
filter: var(--led-filter-gray);
|
|
}
|
|
|
|
img.led-green {
|
|
-webkit-filter: var(--led-filter-green);
|
|
filter: var(--led-filter-green);
|
|
}
|
|
|
|
img.led-red {
|
|
-webkit-filter: var(--led-filter-red);
|
|
filter: var(--led-filter-red);
|
|
}
|
|
|
|
img.led-yellow {
|
|
-webkit-filter: var(--led-filter-yellow);
|
|
filter: var(--led-filter-yellow);
|
|
}
|
|
|
|
img.led-green-rotating-medium {
|
|
-webkit-filter: var(--led-filter-green);
|
|
filter: var(--led-filter-green);
|
|
-webkit-animation: var(--led-spin-medium);
|
|
animation: var(--led-spin-medium);
|
|
}
|
|
|
|
img.led-yellow-rotating-slow {
|
|
-webkit-filter: var(--led-filter-yellow);
|
|
filter: var(--led-filter-yellow);
|
|
-webkit-animation: var(--led-spin-slow);
|
|
animation: var(--led-spin-slow);
|
|
}
|
|
|
|
img.led-yellow-rotating-fast {
|
|
-webkit-filter: var(--led-filter-yellow);
|
|
filter: var(--led-filter-yellow);
|
|
-webkit-animation: var(--led-spin-fast);
|
|
animation: var(--led-spin-fast);
|
|
}
|