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 box-sizing: border-box; | 6 box-sizing: border-box; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 color: rgb(48, 57, 66); | 10 color: rgb(48, 57, 66); |
(...skipping 129 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
140 height: 12px; | 140 height: 12px; |
141 margin: 2px; | 141 margin: 2px; |
142 width: 12px; | 142 width: 12px; |
143 } | 143 } |
144 | 144 |
145 .port-icon.error { | 145 .port-icon.error { |
146 background-color: rgb(224, 32, 32); | 146 background-color: rgb(224, 32, 32); |
147 } | 147 } |
148 | 148 |
149 .port-icon.transient { | 149 .port-icon.transient { |
150 -webkit-transform: scale(1.2); | |
151 background-color: orange; | 150 background-color: orange; |
| 151 transform: scale(1.2); |
152 } | 152 } |
153 | 153 |
154 .port-number { | 154 .port-number { |
155 height: 16px; | 155 height: 16px; |
156 margin-right: 5px; | 156 margin-right: 5px; |
157 } | 157 } |
158 | 158 |
159 .browser-header { | 159 .browser-header { |
160 align-items: center; | 160 align-items: center; |
161 display: flex; | 161 display: flex; |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
271 | 271 |
272 .open > input { | 272 .open > input { |
273 border: 1px solid #aaa; | 273 border: 1px solid #aaa; |
274 height: 17px; | 274 height: 17px; |
275 line-height: 17px; | 275 line-height: 17px; |
276 margin-left: 20px; | 276 margin-left: 20px; |
277 padding: 0 2px; | 277 padding: 0 2px; |
278 } | 278 } |
279 | 279 |
280 .open > input:focus { | 280 .open > input:focus { |
281 -webkit-transition: border-color 200ms; | |
282 border-color: rgb(77, 144, 254); | 281 border-color: rgb(77, 144, 254); |
283 outline: none; | 282 outline: none; |
| 283 transition: border-color 200ms; |
284 } | 284 } |
285 | 285 |
286 .open > button { | 286 .open > button { |
287 line-height: 13px; | 287 line-height: 13px; |
288 } | 288 } |
289 | 289 |
290 #device-settings { | 290 #device-settings { |
291 border-bottom: 1px solid #eee; | 291 border-bottom: 1px solid #eee; |
292 padding: 5px 0; | 292 padding: 5px 0; |
293 } | 293 } |
(...skipping 145 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
439 @media (min-width: 47em) { | 439 @media (min-width: 47em) { |
440 #container { | 440 #container { |
441 max-height: 100vh; | 441 max-height: 100vh; |
442 } | 442 } |
443 #navigation, | 443 #navigation, |
444 #content { | 444 #content { |
445 max-height: 100vh; | 445 max-height: 100vh; |
446 overflow: auto; | 446 overflow: auto; |
447 } | 447 } |
448 } | 448 } |
OLD | NEW |