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;
26 -webkit-flex-direction: row;
27 display: -webkit-flex;
39 color: rgb(92, 97, 102);
46 -webkit-border-start: 6px solid transparent;
50 .tab-header.selected {
51 -webkit-border-start-color: rgb(78, 87, 100);
54 .tab-header > button {
55 background-color: white;
64 .tab-header:not(.selected) > button {
68 #content > div:not(.selected) {
73 border-bottom: 1px solid #eee;
83 -webkit-box-align: baseline;
84 -webkit-box-orient: horizontal;
101 -webkit-box-orient: horizontal;
102 display: -webkit-box;
107 -webkit-border-radius: 6px;
108 background-color: rgb(64, 192, 64);
109 border: 0 solid transparent;
116 background-color: rgb(224, 32, 32);
119 .port-icon.connected {
120 -webkit-transform: scale(1.2);
121 background-color: rgb(0, 255, 0);
124 .port-icon.transient {
125 -webkit-transform: scale(1.2);
126 background-color: orange;
142 .browser-header > .browser-name {
157 display: inline-block;
171 display: inline-block;
179 background-color: #eee;
184 background-color: #ccc;
191 background-color: #ddd;
199 color: rgb(151, 156, 160);
211 color: rgb(17, 85, 204);
217 text-decoration: underline;
220 .list:not(.pages) .subrow {
226 pointer-events: none;
230 border: 1px solid #aaa;
237 .open > input:focus {
238 -webkit-transition: border-color 200ms;
239 border-color: rgb(77, 144, 254);
249 border-bottom: 1px solid #eee;
254 #device-settings button {
258 #port-forwarding-overlay {
259 -webkit-box-align: center;
260 -webkit-box-pack: center;
261 background-color: rgba(255, 255, 255, 0.75);
263 display: -webkit-box;
271 background-image: -webkit-image-set(url('chrome://theme/IDR_WARNING') 1x,
272 url('chrome://theme/IDR_WARNING@2x') 2x);
273 background-position: 0 center;
274 background-repeat: no-repeat;
275 background-size:24px 21px;
280 #port-forwarding-overlay:not(.open) {
284 #port-forwarding-config {
285 -webkit-border-radius: 3px;
287 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
289 padding: 17px 17px 12px;
294 background-image: url('chrome://theme/IDR_CLOSE_DIALOG');
299 .close-button:active {
300 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
303 .close-button:hover {
304 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
307 #port-forwarding-config > .close-button {
313 #port-forwarding-config-title {
317 #port-forwarding-config-list {
318 border: 1px solid #eee;
325 .port-forwarding-pair {
326 -webkit-flex-direction: row;
327 display: -webkit-flex;
330 .port-forwarding-pair:hover {
331 background-color: #eee;
334 .port-forwarding-pair.selected,
335 .port-forwarding-pair.selected:hover {
336 background-color: #ccc;
339 .port-forwarding-pair input {
340 border: 1px solid transparent;
346 .port-forwarding-pair.fresh:not(.selected) input {
350 .port-forwarding-pair input.port {
354 .port-forwarding-pair input.location {
358 .port-forwarding-pair:not(.empty) input.invalid {
359 background-color: rgb(255, 200, 200);
362 .port-forwarding-pair .close-button {
366 .port-forwarding-pair.fresh .close-button,
367 .port-forwarding-pair:not(.selected):not(:hover) .close-button:not(:hover) {
368 background-image: none;
369 pointer-events: none;
372 .port-forwarding-pair:not(.selected) .close-button:not(:hover) {
376 #port-forwarding-config-buttons {
381 #port-forwarding-config-buttons > label {