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(.caps-locked) kb-keyset[capsLockable] 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 .caps-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 |