summaryrefslogtreecommitdiff
path: root/web/css/kvm
diff options
context:
space:
mode:
Diffstat (limited to 'web/css/kvm')
-rw-r--r--web/css/kvm/about.css28
-rw-r--r--web/css/kvm/hid.css21
-rw-r--r--web/css/kvm/keyboard.css146
-rw-r--r--web/css/kvm/msd.css22
-rw-r--r--web/css/kvm/stream.css90
5 files changed, 0 insertions, 307 deletions
diff --git a/web/css/kvm/about.css b/web/css/kvm/about.css
deleted file mode 100644
index e6e2360f..00000000
--- a/web/css/kvm/about.css
+++ /dev/null
@@ -1,28 +0,0 @@
-div#about {
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- max-width: 600px;
- white-space: normal;
- padding: 5px 5px 5px 5px;
-}
-
-div#about td.logo {
- padding-right: 25px;
-}
-
-div#about td.title {
- font-size: 1.2em;
-}
-
-div#about td.copyright {
- font-size: 0.8em;
-}
-
-div#about tr.version {
- font-family: monospace;
-}
-
-div#about div#about-meta {
- height: 200px;
-}
diff --git a/web/css/kvm/hid.css b/web/css/kvm/hid.css
deleted file mode 100644
index 6663a85c..00000000
--- a/web/css/kvm/hid.css
+++ /dev/null
@@ -1,21 +0,0 @@
-textarea#hid-pak-text {
- display: block;
- resize: none;
- width: 100%;
- height: 40px;
- color: var(--cs-window-default-fg);
- background-color: var(--cs-window-default-bg);
- border: none;
- outline: 0 !important;
- -webkit-appearance:none;
-}
-
-textarea#hid-pak-text::-moz-placeholder {
- line-height: 40px;
- text-align: center;
-}
-
-textarea#hid-pak-text::-webkit-input-placeholder {
- line-height: 40px;
- text-align: center;
-}
diff --git a/web/css/kvm/keyboard.css b/web/css/kvm/keyboard.css
deleted file mode 100644
index 2ff622f3..00000000
--- a/web/css/kvm/keyboard.css
+++ /dev/null
@@ -1,146 +0,0 @@
-div.keyboard {
- zoom: 0.8;
-}
-
-div.keyboard div.keyboard-block {
- display: table-cell;
- padding-right: 0;
-}
-div.keyboard div.keyboard-block:not(:first-child) {
- padding-left: 15px;
-}
-
-div.keyboard div.keyboard-row {
- white-space: nowrap;
- height: 40px;
- margin-bottom: 5px;
-}
-div.keyboard div.keyboard-row:last-child {
- margin-bottom: 0;
-}
-
-div.keyboard div.key, div.modifier, div.empty-key {
- box-sizing: border-box;
- display: inline-block;
- margin-right: 5px;
- padding: 0;
- width: 40px;
-}
-div.keyboard div.key, div.modifier {
- font-size: 0.9em;
- text-align: center;
- vertical-align: top;
- box-shadow: var(--shadow-micro);
- border: var(--border-key-thin);
- border-radius: 6px;
- color: var(--cs-key-default-fg);
- background-color: var(--cs-key-default-bg);
- cursor: pointer;
- height: 40px;
-}
-div.keyboard div.key:hover, div.modifier:hover {
- color: var(--cs-key-hovered-fg);
- background-color: var(--cs-key-hovered-bg);
-}
-div.keyboard div.pressed {
- box-shadow: none;
- color: var(--cs-key-pressed-fg) !important;
- background-color: var(--cs-key-pressed-bg) !important;
-}
-div.keyboard div.holded {
- box-shadow: none;
- color: var(--cs-key-default-fg) !important;
- background-color: var(--cs-key-holded-bg) !important;
-}
-div.keyboard div.key:last-child, div.empty-key:last-child, div.modifier:last-child {
- margin-right: 0;
-}
-div.keyboard div.margin-0 {
- margin-right: 0px;
-}
-div.keyboard div.wide-0 {
- width: 26px;
-}
-div.keyboard div.wide-1 {
- width: 61px;
-}
-div.keyboard div.wide-2 {
- width: 64px;
-}
-div.keyboard div.wide-3 {
- width: 77px;
-}
-div.keyboard div.wide-4 {
- width: 102px;
-}
-div.keyboard div.wide-5 {
- width: 288px;
-}
-div.keyboard div.left {
- text-align: left !important;
- padding-left: 6px !important;
-}
-div.keyboard div.right {
- text-align: right !important;
- padding-right: 6px !important;
-}
-div.keyboard div.small {
- font-size: 0.7em;
-}
-
-div.keyboard p {
- margin: 0;
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
-}
-div.keyboard b {
- color: var(--cs-key-holded-bg);
-}
-
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- div#keyboard-window {
- visibility: visible !important;
- padding-top: 9px !important;
- padding-bottom: 30px !important;
- border-bottom: 0 !important;
- border-left: 0 !important;
- border-right: 0 !important;
- border-radius: 0 !important;
- top: unset !important;
- bottom: 0 !important;
- width: 100% !important;
- left: 50% !important;
- -webkit-transform: translateX(-50%) !important;
- transform: translateX(-50%) !important;
- }
- div#keyboard-window-header {
- display: none !important
- }
-}
-
-div#keyboard-desktop {
- display: block;
-}
-div#keyboard-mobile {
- display: none;
-}
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- /* iPad */
- div.keyboard {
- zoom: 1.28 !important;
- }
-
- div.keyboard div.key:hover, div.modifier:hover {
- color: var(--cs-key-default-fg);
- background-color: var(--cs-key-default-bg);
- }
-
- div#keyboard-desktop {
- display: none !important;
- }
- div#keyboard-mobile {
- display: block !important;
- }
-}
diff --git a/web/css/kvm/msd.css b/web/css/kvm/msd.css
deleted file mode 100644
index 4a1c5d28..00000000
--- a/web/css/kvm/msd.css
+++ /dev/null
@@ -1,22 +0,0 @@
-div#msd-menu {
- width: 450px;
-}
-
-div#msd-menu div.msd-message, input.msd-message {
- display: none;
-}
-
-div#msd-menu table.msd-info {
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- border-spacing: 5px;
- margin: 0 10px 0 10px;
- font-size: 12px;
-}
-
-div#msd-menu table.msd-info td.msd-info-value {
- font-weight: bold;
- max-width: 310px;
- overflow: hidden;
-}
diff --git a/web/css/kvm/stream.css b/web/css/kvm/stream.css
deleted file mode 100644
index c99c3c9c..00000000
--- a/web/css/kvm/stream.css
+++ /dev/null
@@ -1,90 +0,0 @@
-div#stream-info {
- display: none;
-}
-
-div#stream-box {
- position: relative;
- display: inline-block;
- border: var(--border-window-thin);
-}
-div.stream-box-inactive::after {
- cursor: wait;
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: inline-block;
- background: radial-gradient(transparent 20%, black);
-}
-div.stream-box-mouse-enabled {
- cursor: url("../../svg/stream-mouse-cursor.svg"), pointer;
-}
-
-img#stream-image {
- width: 640px;
- height: 480px;
- display: block;
- background-color: black;
-}
-
-img.stream-image-active {
- -webkit-filter: none;
- filter: none;
-}
-
-img.stream-image-inactive {
- -webkit-filter: grayscale(100%) brightness(75%) sepia(75%);
- filter: grayscale(100%) brightness(75%) sepia(75%);
-}
-
-div.stream-slider-box {
- margin-top: 5px;
- display: flex;
-}
-
-table#stream-auto-resize-box {
- width: 100%;
- border-collapse: collapse;
-}
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
- @supports (-webkit-appearance: none) {
- table#stream-auto-resize-box {
- margin: 20px 0 20px 0 !important;
- }
- }
-}
-
-div#stream-mouse-buttons {
- display: none;
- margin: 0;
- padding: 0;
- font-size: 0;
-}
-
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- div#stream-window {
- padding-top: 3px !important;
- border-top: 0 !important;
- border-radius: 0 0 8px 8px !important;
- top: 50px !important;
- left: 50% !important;
- -webkit-transform: translateX(-50%) !important;
- transform: translateX(-50%) !important;
- }
- div#stream-window-header {
- display: none !important;
- }
- div#stream-info {
- display: block !important;
- margin: 0;
- padding: 0;
- padding-bottom: 3px;
- font-size: 0.8em;
- color: var(--cs-window-header-default-fg);
- }
- div#stream-mouse-buttons {
- display: block !important;
- }
-}