1/* 2 Copyright (c) 2013 The Chromium Authors. All rights reserved. 3 Use of this source code is governed by a BSD-style license that can be 4 found in the LICENSE file. 5*/ 6 7body { 8 -webkit-box-pack: center; 9 -webkit-user-select: none; 10 background-color: #0b0b0b; 11 display: -webkit-box; 12 margin: 0; 13 overflow: hidden; 14 padding: 0; 15} 16 17kb-keyboard { 18 -webkit-box-orient: vertical; 19 display: -webkit-box; 20} 21 22kb-shift-key, 23kb-key { 24 background-color: #3b3b3e; 25 background-position: center center; 26 background-repeat: no-repeat; 27 background-size: contain; 28 border-top: 2px solid #4b4b4e; 29 border-radius: 1px; 30 color: #ffffff; 31 display: -webkit-box; 32 font-family: 'Open Sans', sans-serif; 33 font-weight: 600; 34 margin-left: 3px; 35 position: relative; 36} 37 38kb-shift-key::x-key, 39kb-key::x-key { 40 bottom: 0; 41 height: 1.2em; 42 left: 0; 43 margin: auto; 44 padding-left: 10px; 45 padding-right: 10px; 46 position: absolute; 47 right: 0; 48 top: 0; 49} 50 51kb-key::x-superscript { 52 color: #7c7c7c; 53 font-size: 70%; 54 position: absolute; 55 right: 7%; 56 top: 5%; 57} 58 59kb-key::x-key[inverted] { 60 color: #7c7c7c; 61} 62 63kb-key::x-superscript[inverted] { 64 color: #ffffff; 65} 66 67kb-shift-key.dark, 68kb-key.dark { 69 background-color: #2a2a2c; 70 border-top: 2px solid #3a3a3c; 71} 72 73kb-altkey::x-key { 74 bottom: 0; 75 height: 1.2em; 76 left: 0; 77 margin: auto; 78 position: absolute; 79 right: 0; 80 top: 0; 81 text-align: center; 82} 83 84/* Left and right-side special keys with a character letter next to them need 85 * additional padding. 86 * */ 87kb-shift-key.padded-left-special, 88kb-key.padded-left-special { 89 margin-right: 2px; 90} 91 92kb-shift-key.padded-right-special, 93kb-key.padded-right-special { 94 margin-left: 5px; 95} 96 97kb-row.top { 98 margin-top: 5px !important; 99} 100 101.active { 102 background-color: #848490 !important; 103 border-top: 2px solid #A9A9AF !important; 104 /* Do not use box shadow until performance improves 105 * http://code.google.com/p/chromium/issues/detail?id=99045 106 * box-shadow: 0px 0px 15px #fff; 107 * */ 108} 109 110.at, 111.com, 112.comma, 113.hide, 114.microphone, 115.period, 116.tab { 117 -webkit-box-flex: 1.3 !important; 118} 119 120.symbol, 121.return { 122 -webkit-box-flex: 1.5 !important; 123} 124 125.backspace { 126 -webkit-box-flex: 1.7 !important; 127} 128 129.left-more { 130 -webkit-box-flex: 1.4 !important; 131} 132 133.right-more { 134 -webkit-box-flex: 1.6 !important; 135} 136 137.space { 138 -webkit-box-flex: 4.8 !important; 139} 140 141.bar { 142 -webkit-box-flex: 0.6 !important; 143} 144 145.backspace, 146.tab, 147.return, 148.shift, 149.left-more, 150.right-more, 151.symbol { 152 font-size: 55%; 153 font-weight: 200; 154} 155 156.microphone { 157 background-image: url('images/microphone.svg'); 158} 159 160.audio .microphone { 161 background-image: url('images/microphone-green.svg'); 162} 163 164.half-key-spacer { 165 -webkit-box-flex: 0.5; 166 margin-left: 4px; 167} 168