summaryrefslogtreecommitdiff
path: root/web/share/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/share/css')
-rw-r--r--web/share/css/keypad.css134
-rw-r--r--web/share/css/kvm/keyboard.css111
2 files changed, 134 insertions, 111 deletions
diff --git a/web/share/css/keypad.css b/web/share/css/keypad.css
new file mode 100644
index 00000000..c0370fd4
--- /dev/null
+++ b/web/share/css/keypad.css
@@ -0,0 +1,134 @@
+/*****************************************************************************
+# #
+# KVMD - The main Pi-KVM daemon. #
+# #
+# Copyright (C) 2018 Maxim Devaev <[email protected]> #
+# #
+# 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/>. #
+# #
+*****************************************************************************/
+
+
+div.keypad {
+ zoom: 0.8;
+}
+
+div.keypad div.keypad-block {
+ display: table-cell;
+ padding-right: 0;
+}
+div.keypad div.keypad-block:not(:first-child) {
+ padding-left: 15px;
+}
+
+div.keypad div.keypad-row {
+ white-space: nowrap;
+ height: 40px;
+ margin-bottom: 5px;
+}
+div.keypad div.keypad-row:last-child {
+ margin-bottom: 0;
+}
+
+div.keypad div.key, div.modifier, div.empty-key {
+ box-sizing: border-box;
+ display: inline-block;
+ margin-right: 5px;
+ padding: 0;
+ width: 40px;
+}
+div.keypad 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.keypad div.key:hover, div.modifier:hover {
+ color: var(--cs-key-hovered-fg);
+ background-color: var(--cs-key-hovered-bg);
+}
+div.keypad div.pressed {
+ box-shadow: none;
+ color: var(--cs-key-pressed-fg) !important;
+ background-color: var(--cs-key-pressed-bg) !important;
+}
+div.keypad div.holded {
+ box-shadow: none;
+ color: var(--cs-key-default-fg) !important;
+ background-color: var(--cs-key-holded-bg) !important;
+}
+div.keypad div.key:last-child, div.empty-key:last-child, div.modifier:last-child {
+ margin-right: 0;
+}
+div.keypad div.margin-0 {
+ margin-right: 0px;
+}
+div.keypad div.wide-0 {
+ width: 26px;
+}
+div.keypad div.wide-1 {
+ width: 61px;
+}
+div.keypad div.wide-2 {
+ width: 64px;
+}
+div.keypad div.wide-3 {
+ width: 77px;
+}
+div.keypad div.wide-4 {
+ width: 102px;
+}
+div.keypad div.wide-5 {
+ width: 288px;
+}
+div.keypad div.left {
+ text-align: left !important;
+ padding-left: 6px !important;
+}
+div.keypad div.right {
+ text-align: right !important;
+ padding-right: 6px !important;
+}
+div.keypad div.small {
+ font-size: 0.7em;
+}
+
+div.keypad p {
+ margin: 0;
+ position: relative;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+div.keypad b {
+ color: var(--cs-key-holded-bg);
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+ /* iPad */
+ div.keypad {
+ zoom: 1.28 !important;
+ }
+
+ div.keypad div.key:hover, div.modifier:hover {
+ color: var(--cs-key-default-fg);
+ background-color: var(--cs-key-default-bg);
+ }
+}
diff --git a/web/share/css/kvm/keyboard.css b/web/share/css/kvm/keyboard.css
index 601c6a59..5f7480b4 100644
--- a/web/share/css/kvm/keyboard.css
+++ b/web/share/css/kvm/keyboard.css
@@ -20,107 +20,6 @@
*****************************************************************************/
-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;
@@ -149,16 +48,6 @@ 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;
}
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-24 08:46:24 +0000