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 max-width: 1280px; 21 width: 1280px; 22} 23 24kb-keyboard.ctrl-active kb-modifier-key[char=Ctrl], 25kb-keyboard.alt-active kb-modifier-key[char=Alt] { 26 color: lightblue; 27} 28 29/** 30* Controls whether the shift key should be highlighted or not. 31* Only highlights if we are in the upper keyset, but not capslocked. 32*/ 33kb-keyboard:not(.caps-locked)[keyset=upper] kb-shift-key { 34 color: lightblue; 35} 36 37*.dark { 38 background-color: #2a2a2c; 39 border-top: 2px solid #3a3a3c; 40 font-size: 70%; 41 margin-left: 0.35em; 42} 43 44 45.caps-locked kb-shift-key, 46.active { 47 background-color: #848490 !important; 48 border-top: 2px solid #A9A9AF !important; 49 /* Do not use box shadow until performance improves 50 * http://code.google.com/p/chromium/issues/detail?id=99045 51 box-shadow: 0px 0px 15px #fff; 52 */ 53} 54 55/** 56 * The microphone key is handled separately from other images since the image 57 * displayed changes depending on whether it's pressed or not. 58 */ 59.microphone { 60 background-image: url('images/microphone.svg'); 61 background-position: 4%; 62 background-size: 25% !important; 63} 64 65.audio .microphone { 66 background-image: url('images/microphone-green.svg'); 67}