| /* |
| Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| */ |
| |
| body { |
| -webkit-box-pack: center; |
| -webkit-user-select: none; |
| background-color: #0b0b0b; |
| display: -webkit-box; |
| margin: 0; |
| overflow: hidden; |
| padding: 0; |
| } |
| |
| kb-keyboard { |
| -webkit-box-orient: vertical; |
| display: -webkit-box; |
| } |
| |
| kb-shift-key, |
| kb-key { |
| background-color: #3b3b3e; |
| background-position: center center; |
| background-repeat: no-repeat; |
| background-size: contain; |
| border-top: 2px solid #4b4b4e; |
| border-radius: 1px; |
| color: #ffffff; |
| display: -webkit-box; |
| font-family: 'Open Sans', sans-serif; |
| font-weight: 600; |
| margin-left: 3px; |
| position: relative; |
| } |
| |
| kb-shift-key::x-key, |
| kb-key::x-key { |
| bottom: 0; |
| height: 1.2em; |
| left: 0; |
| margin: auto; |
| padding-left: 10px; |
| padding-right: 10px; |
| position: absolute; |
| right: 0; |
| top: 0; |
| } |
| |
| kb-key::x-superscript { |
| color: #7c7c7c; |
| font-size: 70%; |
| position: absolute; |
| right: 7%; |
| top: 5%; |
| } |
| |
| kb-key::x-key[inverted] { |
| color: #7c7c7c; |
| } |
| |
| kb-key::x-superscript[inverted] { |
| color: #ffffff; |
| } |
| |
| kb-shift-key.dark, |
| kb-key.dark { |
| background-color: #2a2a2c; |
| border-top: 2px solid #3a3a3c; |
| } |
| |
| kb-altkey::x-key { |
| bottom: 0; |
| height: 1.2em; |
| left: 0; |
| margin: auto; |
| position: absolute; |
| right: 0; |
| top: 0; |
| text-align: center; |
| } |
| |
| /* Left and right-side special keys with a character letter next to them need |
| * additional padding. |
| * */ |
| kb-shift-key.padded-left-special, |
| kb-key.padded-left-special { |
| margin-right: 2px; |
| } |
| |
| kb-shift-key.padded-right-special, |
| kb-key.padded-right-special { |
| margin-left: 5px; |
| } |
| |
| kb-row.top { |
| margin-top: 5px !important; |
| } |
| |
| .active { |
| background-color: #848490 !important; |
| border-top: 2px solid #A9A9AF !important; |
| /* Do not use box shadow until performance improves |
| * http://code.google.com/p/chromium/issues/detail?id=99045 |
| * box-shadow: 0px 0px 15px #fff; |
| * */ |
| } |
| |
| .at, |
| .com, |
| .comma, |
| .hide, |
| .microphone, |
| .period, |
| .tab { |
| -webkit-box-flex: 1.3 !important; |
| } |
| |
| .symbol, |
| .return { |
| -webkit-box-flex: 1.5 !important; |
| } |
| |
| .backspace { |
| -webkit-box-flex: 1.7 !important; |
| } |
| |
| .left-more { |
| -webkit-box-flex: 1.4 !important; |
| } |
| |
| .right-more { |
| -webkit-box-flex: 1.6 !important; |
| } |
| |
| .space { |
| -webkit-box-flex: 4.8 !important; |
| } |
| |
| .bar { |
| -webkit-box-flex: 0.6 !important; |
| } |
| |
| .backspace, |
| .tab, |
| .return, |
| .shift, |
| .left-more, |
| .right-more, |
| .symbol { |
| font-size: 55%; |
| font-weight: 200; |
| } |
| |
| .microphone { |
| background-image: url('images/microphone.svg'); |
| } |
| |
| .audio .microphone { |
| background-image: url('images/microphone-green.svg'); |
| } |
| |
| .half-key-spacer { |
| -webkit-box-flex: 0.5; |
| margin-left: 4px; |
| } |