| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 */ | 4 */ |
| 5 | 5 |
| 6 body { | 6 body { |
| 7 -webkit-user-select: none; | 7 -webkit-user-select: none; |
| 8 background: #fff; | 8 background: #fff; |
| 9 font-size: 100%; | 9 font-size: 100%; |
| 10 margin: 0; | 10 margin: 0; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 text-decoration: underline; | 53 text-decoration: underline; |
| 54 vertical-align: middle; | 54 vertical-align: middle; |
| 55 } | 55 } |
| 56 | 56 |
| 57 .keyboard-overlay-learn-more-text a { | 57 .keyboard-overlay-learn-more-text a { |
| 58 color: #fff; | 58 color: #fff; |
| 59 } | 59 } |
| 60 | 60 |
| 61 .keyboard-overlay-key { | 61 .keyboard-overlay-key { |
| 62 -webkit-box-orient: vertical; | 62 -webkit-box-orient: vertical; |
| 63 background-color: rgba(24, 24, 24, 0.9); | |
| 64 border: 2px solid #7f7f7f; | 63 border: 2px solid #7f7f7f; |
| 65 border-radius: 4px; | 64 border-radius: 4px; |
| 66 color: rgb(151, 151, 151); | 65 color: rgb(151, 151, 151); |
| 67 display: -webkit-box; | 66 display: -webkit-box; |
| 68 font-size: 80%; | 67 font-size: 80%; |
| 69 font-weight: bold; | 68 font-weight: bold; |
| 70 position: absolute; | 69 position: absolute; |
| 71 } | 70 } |
| 72 | 71 |
| 72 .keyboard-overlay-key-background { |
| 73 background-color: rgba(24, 24, 24, 0.9); |
| 74 } |
| 75 |
| 73 .keyboard-overlay-key.is-shortcut { | 76 .keyboard-overlay-key.is-shortcut { |
| 74 background: -webkit-linear-gradient(rgba(61, 61, 61, 0.8), | |
| 75 rgba(27, 27, 27, 0.8)); | |
| 76 border-color: #fafafa; | 77 border-color: #fafafa; |
| 77 color: #9e9e9e; | 78 color: #9e9e9e; |
| 78 } | 79 } |
| 79 | 80 |
| 81 .keyboard-overlay-shortcut-key-background { |
| 82 background: linear-gradient(rgba(61, 61, 61, 0.8), rgba(27, 27, 27, 0.8)); |
| 83 } |
| 84 |
| 80 .keyboard-overlay-key.is-shortcut.modifier-shift { | 85 .keyboard-overlay-key.is-shortcut.modifier-shift { |
| 81 border-color: rgb(97, 186, 100); | 86 border-color: rgb(97, 186, 100); |
| 82 } | 87 } |
| 83 | 88 |
| 84 .keyboard-overlay-key.is-shortcut.modifier-ctrl { | 89 .keyboard-overlay-key.is-shortcut.modifier-ctrl { |
| 85 border-color: rgb(93, 128, 199); | 90 border-color: rgb(93, 128, 199); |
| 86 } | 91 } |
| 87 | 92 |
| 88 .keyboard-overlay-key.is-shortcut.modifier-alt { | 93 .keyboard-overlay-key.is-shortcut.modifier-alt { |
| 89 border-color: rgb(184, 84, 84); | 94 border-color: rgb(184, 84, 84); |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 179 | 184 |
| 180 .keyboard-overlay-key-text { | 185 .keyboard-overlay-key-text { |
| 181 -webkit-box-ordinal-group: 2; | 186 -webkit-box-ordinal-group: 2; |
| 182 padding: 0 3px 2px; | 187 padding: 0 3px 2px; |
| 183 text-align: center; | 188 text-align: center; |
| 184 } | 189 } |
| 185 | 190 |
| 186 .keyboard-overlay-key.is-shortcut .keyboard-overlay-key-text { | 191 .keyboard-overlay-key.is-shortcut .keyboard-overlay-key-text { |
| 187 opacity: 0.25; | 192 opacity: 0.25; |
| 188 } | 193 } |
| OLD | NEW |