OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2012 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 color: rgb(48, 57, 66); | 8 color: rgb(48, 57, 66); |
9 font-family: Arial, sans-serif; | 9 font-family: Arial, sans-serif; |
10 font-size: 13px; | 10 font-size: 13px; |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
67 #content > div:not(.selected) { | 67 #content > div:not(.selected) { |
68 display: none; | 68 display: none; |
69 } | 69 } |
70 | 70 |
71 .content-header { | 71 .content-header { |
72 border-bottom: 1px solid #eee; | 72 border-bottom: 1px solid #eee; |
73 font-size: 150%; | 73 font-size: 150%; |
74 padding-bottom: 4px; | 74 padding-bottom: 4px; |
75 } | 75 } |
76 | 76 |
77 .section { | 77 .device-header { |
78 font-size: 150%; | 78 -webkit-box-align: baseline; |
| 79 -webkit-box-orient: horizontal; |
| 80 display: -webkit-box; |
79 margin: 10px 0 0; | 81 margin: 10px 0 0; |
80 padding: 2px 0; | 82 padding: 2px 0; |
81 } | 83 } |
82 | 84 |
83 .small-section { | 85 .device-name { |
| 86 font-size: 150%; |
| 87 } |
| 88 |
| 89 .device-serial { |
| 90 color: #888; |
| 91 font-size: 80%; |
| 92 margin-left: 6px; |
| 93 } |
| 94 |
| 95 .device-ports { |
| 96 -webkit-box-orient: horizontal; |
| 97 display: -webkit-box; |
| 98 margin-left: 8px; |
| 99 } |
| 100 |
| 101 .port-icon { |
| 102 -webkit-border-radius: 6px; |
| 103 background-color: rgb(64, 192, 64); |
| 104 border: 0 solid transparent; |
| 105 height: 12px; |
| 106 margin: 2px; |
| 107 width: 12px; |
| 108 } |
| 109 |
| 110 .port-icon.error { |
| 111 background-color: rgb(224, 32, 32); |
| 112 } |
| 113 |
| 114 .port-icon.connected { |
| 115 -webkit-transform: scale(1.2); |
| 116 background-color: rgb(0, 255, 0); |
| 117 } |
| 118 |
| 119 .port-icon.transient { |
| 120 -webkit-transform: scale(1.2); |
| 121 background-color: orange; |
| 122 } |
| 123 |
| 124 .port-number { |
| 125 height: 16px; |
| 126 margin-right: 5px; |
| 127 } |
| 128 |
| 129 .browser-header { |
84 font-weight: bold; | 130 font-weight: bold; |
85 margin: 5px 0 0; | 131 margin: 5px 0 0; |
86 padding: 2px 0; | 132 padding: 2px 0; |
87 } | 133 } |
88 | 134 |
89 .row { | 135 .row { |
90 padding: 5px 0; | 136 padding: 5px 0; |
91 } | 137 } |
92 | 138 |
93 .url { | 139 .url { |
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
237 pointer-events: none; | 283 pointer-events: none; |
238 } | 284 } |
239 | 285 |
240 .port-forwarding-pair:not(.selected) .close-button:not(:hover) { | 286 .port-forwarding-pair:not(.selected) .close-button:not(:hover) { |
241 opacity: 0.5; | 287 opacity: 0.5; |
242 } | 288 } |
243 | 289 |
244 #port-forwarding-config-buttons > button { | 290 #port-forwarding-config-buttons > button { |
245 float: right; | 291 float: right; |
246 } | 292 } |
OLD | NEW |