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
4 * found in the LICENSE file.
8 color: rgb(48, 57, 66);
9 font-family: Arial, sans-serif;
13 padding: 20px 20px 65px 0;
25 -webkit-flex-direction: row;
26 display: -webkit-flex;
38 color: rgb(92, 97, 102);
45 -webkit-border-start: 6px solid transparent;
49 .tab-header.selected {
50 -webkit-border-start-color: rgb(78, 87, 100);
53 .tab-header > button {
54 background-color: white;
63 .tab-header:not(.selected) > button {
67 #content > div:not(.selected) {
72 border-bottom: 1px solid #eee;
82 -webkit-box-align: baseline;
83 -webkit-box-orient: horizontal;
100 -webkit-box-orient: horizontal;
101 display: -webkit-box;
106 -webkit-border-radius: 6px;
107 background-color: rgb(64, 192, 64);
108 border: 0 solid transparent;
115 background-color: rgb(224, 32, 32);
118 .port-icon.connected {
119 -webkit-transform: scale(1.2);
120 background-color: rgb(0, 255, 0);
123 .port-icon.transient {
124 -webkit-transform: scale(1.2);
125 background-color: orange;
134 -webkit-box-align: center;
135 -webkit-box-orient: horizontal;
136 display: -webkit-box;
140 .browser-header > .browser-name {
151 display: inline-block;
156 -webkit-box-orient: horizontal;
157 display: -webkit-box;
165 display: inline-block;
173 background-color: #eee;
178 background-color: #ccc;
185 background-color: #ddd;
193 color: rgb(151, 156, 160);
205 color: rgb(17, 85, 204);
211 text-decoration: underline;
214 .list:not(.pages) .subrow {
220 pointer-events: none;
224 border: 1px solid #aaa;
231 .open > input:focus {
232 -webkit-transition: border-color 200ms;
233 border-color: rgb(77, 144, 254);
243 border-bottom: 1px solid #eee;
248 #device-settings button {
252 #port-forwarding-overlay {
253 -webkit-box-align: center;
254 -webkit-box-pack: center;
255 background-color: rgba(255, 255, 255, 0.75);
257 display: -webkit-box;
264 #port-forwarding-overlay:not(.open) {
268 #port-forwarding-config {
269 -webkit-border-radius: 3px;
271 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
273 padding: 17px 17px 12px;
278 background-image: url('chrome://theme/IDR_CLOSE_DIALOG');
283 .close-button:active {
284 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
287 .close-button:hover {
288 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
291 #port-forwarding-config > .close-button {
297 #port-forwarding-config-title {
301 #port-forwarding-config-list {
302 border: 1px solid #eee;
309 .port-forwarding-pair {
310 -webkit-flex-direction: row;
311 display: -webkit-flex;
314 .port-forwarding-pair:hover {
315 background-color: #eee;
318 .port-forwarding-pair.selected,
319 .port-forwarding-pair.selected:hover {
320 background-color: #ccc;
323 .port-forwarding-pair input {
324 border: 1px solid transparent;
330 .port-forwarding-pair.fresh:not(.selected) input {
334 .port-forwarding-pair input.port {
338 .port-forwarding-pair input.location {
342 .port-forwarding-pair:not(.empty) input.invalid {
343 background-color: rgb(255, 200, 200);
346 .port-forwarding-pair .close-button {
350 .port-forwarding-pair.fresh .close-button,
351 .port-forwarding-pair:not(.selected):not(:hover) .close-button:not(:hover) {
352 background-image: none;
353 pointer-events: none;
356 .port-forwarding-pair:not(.selected) .close-button:not(:hover) {
360 #port-forwarding-config-buttons {
365 #port-forwarding-config-buttons > label {