mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-13 01:30:31 +08:00
removed old prefixed css
This commit is contained in:
parent
4007730e2e
commit
89fca27520
@ -32,8 +32,6 @@ div#keyboard div.key, div.modifier {
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
box-shadow: var(--micro-shadow);
|
box-shadow: var(--micro-shadow);
|
||||||
border: var(--grey-border);
|
border: var(--grey-border);
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
color: var(--fg-color-normal);
|
color: var(--fg-color-normal);
|
||||||
background-color: var(--bg-color-gray);
|
background-color: var(--bg-color-gray);
|
||||||
@ -89,7 +87,6 @@ div#keyboard p {
|
|||||||
position: relative;
|
position: relative;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
-webkit-transform: translateY(-50%);
|
-webkit-transform: translateY(-50%);
|
||||||
-moz-transform: translateY(-50%);
|
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
div#keyboard b {
|
div#keyboard b {
|
||||||
|
|||||||
@ -3,66 +3,50 @@
|
|||||||
-webkit-transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@-moz-keyframes spin {
|
|
||||||
100% {
|
|
||||||
-moz-transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
100% {
|
100% {
|
||||||
-webkit-transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
-moz-transform: rotate(360deg);
|
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-on {
|
img.led-on {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-off {
|
img.led-off {
|
||||||
-webkit-filter: invert(0.5);
|
-webkit-filter: invert(0.5);
|
||||||
-moz-filter: invert(0.5);
|
|
||||||
filter: invert(0.5);
|
filter: invert(0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-hdd-busy {
|
img.led-hdd-busy {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-msd-writing {
|
img.led-msd-writing {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
||||||
-webkit-animation: spin 2s linear infinite;
|
-webkit-animation: spin 2s linear infinite;
|
||||||
-moz-animation: spin 2s linear infinite;
|
|
||||||
animation: spin 2s linear infinite;
|
animation: spin 2s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-fan-on {
|
img.led-fan-on {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
|
||||||
-webkit-animation: spin 3s linear infinite;
|
-webkit-animation: spin 3s linear infinite;
|
||||||
-moz-animation: spin 3s linear infinite;
|
|
||||||
animation: spin 3s linear infinite;
|
animation: spin 3s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-fan-slow {
|
img.led-fan-slow {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
|
||||||
-webkit-animation: spin 6s linear infinite;
|
-webkit-animation: spin 6s linear infinite;
|
||||||
-moz-animation: spin 6s linear infinite;
|
|
||||||
animation: spin 6s linear infinite;
|
animation: spin 6s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.led-fan-fail {
|
img.led-fan-fail {
|
||||||
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
||||||
-moz-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
|
||||||
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,7 +10,6 @@ body {
|
|||||||
}
|
}
|
||||||
img#logo {
|
img#logo {
|
||||||
-webkit-filter: invert(0.7);
|
-webkit-filter: invert(0.7);
|
||||||
-moz-filter: invert(0.7);
|
|
||||||
filter: invert(0.7);
|
filter: invert(0.7);
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
padding: 13px 15px;
|
padding: 13px 15px;
|
||||||
@ -60,8 +59,6 @@ div.ctl-dropdown-content {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
border: var(--intensive-border);
|
border: var(--intensive-border);
|
||||||
border-top: var(--dark-border);
|
border-top: var(--dark-border);
|
||||||
-webkit-border-radius: 0 0 8px 8px;
|
|
||||||
-moz-border-radius: 0 0 8px 8px;
|
|
||||||
border-radius: 0 0 8px 8px;
|
border-radius: 0 0 8px 8px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: var(--bg-color-ctl);
|
background-color: var(--bg-color-ctl);
|
||||||
|
|||||||
@ -9,13 +9,11 @@ img#stream-image {
|
|||||||
img.stream-image-active {
|
img.stream-image-active {
|
||||||
cursor: crosshair;
|
cursor: crosshair;
|
||||||
-webkit-filter: none;
|
-webkit-filter: none;
|
||||||
-moz-filter: none;
|
|
||||||
filter: none;
|
filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.stream-image-inactive {
|
img.stream-image-inactive {
|
||||||
cursor: wait;
|
cursor: wait;
|
||||||
-webkit-filter: grayscale(100%) brightness(75%);
|
-webkit-filter: grayscale(100%) brightness(75%);
|
||||||
-moz-filter: grayscale(100%) brightness(75%);
|
|
||||||
filter: grayscale(100%) brightness(75%);
|
filter: grayscale(100%) brightness(75%);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,8 +3,6 @@ div.window {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
border: var(--dark-border);
|
border: var(--dark-border);
|
||||||
-webkit-border-radius: 8px;
|
|
||||||
-moz-border-radius: 8px;
|
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: var(--big-shadow);
|
box-shadow: var(--big-shadow);
|
||||||
@ -13,7 +11,6 @@ div.window {
|
|||||||
background-color: var(--bg-color-light);
|
background-color: var(--bg-color-light);
|
||||||
padding: 30px 9px 9px 9px;
|
padding: 30px 9px 9px 9px;
|
||||||
-webkit-transform: translate(-50%, -50%);
|
-webkit-transform: translate(-50%, -50%);
|
||||||
-moz-transform: translate(-50%, -50%);
|
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user