diff options
author | Devaev Maxim <[email protected]> | 2018-11-14 02:52:00 +0300 |
---|---|---|
committer | Devaev Maxim <[email protected]> | 2018-11-14 02:57:47 +0300 |
commit | 2916c7fe067ee8093edfda62d2a0bd51b70e4090 (patch) | |
tree | f76bde4fadd84c5dd0a3121cc8f8d0f820d7bc15 /web/css/keyboard.css | |
parent | 49a09a6ba168ada706999e9955b531b975edbd5f (diff) |
refactoring
Diffstat (limited to 'web/css/keyboard.css')
-rw-r--r-- | web/css/keyboard.css | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/web/css/keyboard.css b/web/css/keyboard.css deleted file mode 100644 index cb42f2fa..00000000 --- a/web/css/keyboard.css +++ /dev/null @@ -1,125 +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-gray-thin); - border-radius: 6px; - color: var(--fg-color-normal); - background-color: var(--bg-color-gray); - cursor: pointer; - height: 40px; -} -div.keyboard div.key:hover, div.modifier:hover { - color: var(--fg-color-intensive); - background-color: var(--bg-color-ctl); -} -div.keyboard div.pressed { - box-shadow: none; - color: var(--fg-color-selected) !important; - background-color: var(--bg-color-dark) !important; -} -div.keyboard div.holded { - box-shadow: none; - color: var(--fg-color-normal) !important; - background-color: var(--bg-color-intensive) !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(--bg-color-intensive); -} - -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(--fg-color-normal); - background-color: var(--bg-color-gray); - } - - div#keyboard-desktop { - display: none !important; - } - div#keyboard-mobile { - display: block !important; - } -} |