| OLD | NEW |
| 1 /* | 1 /* |
| 2 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 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 | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 body { | 7 body { |
| 8 -webkit-box-pack: center; | 8 -webkit-box-pack: center; |
| 9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
| 10 background-color: #0b0b0b; | 10 background-color: #0b0b0b; |
| (...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 65 } | 65 } |
| 66 | 66 |
| 67 kb-key::x-superscript[inverted] { | 67 kb-key::x-superscript[inverted] { |
| 68 color: #ffffff; | 68 color: #ffffff; |
| 69 } | 69 } |
| 70 | 70 |
| 71 /** | 71 /** |
| 72 * Controls whether the shift key should be highlighted or not. | 72 * Controls whether the shift key should be highlighted or not. |
| 73 * Only highlights if we are in a lockable keyboard which is not locked. | 73 * Only highlights if we are in a lockable keyboard which is not locked. |
| 74 */ | 74 */ |
| 75 kb-keyboard:not(.locked) kb-keyset[lockable] kb-shift-key { | 75 kb-keyboard:not(.shift-locked) kb-keyset[shiftlockable] kb-shift-key { |
| 76 color: lightblue; | 76 color: lightblue; |
| 77 } | 77 } |
| 78 | 78 |
| 79 kb-shift-key.dark, | 79 kb-shift-key.dark, |
| 80 kb-layout-selector.dark, | 80 kb-layout-selector.dark, |
| 81 kb-key.dark { | 81 kb-key.dark { |
| 82 background-color: #2a2a2c; | 82 background-color: #2a2a2c; |
| 83 border-top: 2px solid #3a3a3c; | 83 border-top: 2px solid #3a3a3c; |
| 84 } | 84 } |
| 85 | 85 |
| 86 /* TODO(stevet): We can probably share most of this with kb-key::x-key. */ | 86 /* TODO(stevet): We can probably share most of this with kb-key::x-key. */ |
| 87 kb-altkey::x-key { | 87 kb-altkey::x-key { |
| 88 bottom: 0; | 88 bottom: 0; |
| 89 height: 1.2em; | 89 height: 1.2em; |
| 90 left: 0; | 90 left: 0; |
| 91 margin: auto; | 91 margin: auto; |
| 92 position: absolute; | 92 position: absolute; |
| 93 right: 0; | 93 right: 0; |
| 94 top: 0; | 94 top: 0; |
| 95 text-align: center; | 95 text-align: center; |
| 96 } | 96 } |
| 97 | 97 |
| 98 .locked kb-shift-key, | 98 .shift-locked kb-shift-key, |
| 99 .active { | 99 .active { |
| 100 background-color: #848490 !important; | 100 background-color: #848490 !important; |
| 101 border-top: 2px solid #A9A9AF !important; | 101 border-top: 2px solid #A9A9AF !important; |
| 102 /* Do not use box shadow until performance improves | 102 /* Do not use box shadow until performance improves |
| 103 * http://code.google.com/p/chromium/issues/detail?id=99045 | 103 * http://code.google.com/p/chromium/issues/detail?id=99045 |
| 104 box-shadow: 0px 0px 15px #fff; | 104 box-shadow: 0px 0px 15px #fff; |
| 105 */ | 105 */ |
| 106 } | 106 } |
| 107 | 107 |
| 108 /** | 108 /** |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 161 background-image: url('images/microphone.svg'); | 161 background-image: url('images/microphone.svg'); |
| 162 } | 162 } |
| 163 | 163 |
| 164 .audio .microphone { | 164 .audio .microphone { |
| 165 background-image: url('images/microphone-green.svg'); | 165 background-image: url('images/microphone-green.svg'); |
| 166 } | 166 } |
| 167 | 167 |
| 168 .layout-selector { | 168 .layout-selector { |
| 169 background-image: url('images/keyboard.svg'); | 169 background-image: url('images/keyboard.svg'); |
| 170 } | 170 } |
| OLD | NEW |