diff options
Diffstat (limited to 'web/share/css/keypad.css')
| -rw-r--r-- | web/share/css/keypad.css | 134 |
1 files changed, 134 insertions, 0 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); + } +} |