diff options
Diffstat (limited to 'web/css/kvm')
-rw-r--r-- | web/css/kvm/about.css | 28 | ||||
-rw-r--r-- | web/css/kvm/hid.css | 21 | ||||
-rw-r--r-- | web/css/kvm/keyboard.css | 146 | ||||
-rw-r--r-- | web/css/kvm/msd.css | 22 | ||||
-rw-r--r-- | web/css/kvm/stream.css | 90 |
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; - } -} |