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);
45 #serviceworker-internals {
50 -webkit-border-start: 6px solid transparent;
54 .tab-header.selected {
55 -webkit-border-start-color: rgb(78, 87, 100);
58 .tab-header > button {
59 background-color: white;
68 .tab-header:not(.selected) > button {
72 #content > div:not(.selected) {
77 border-bottom: 1px solid #eee;
87 -webkit-box-align: baseline;
88 -webkit-box-orient: horizontal;
105 -webkit-box-orient: horizontal;
106 display: -webkit-box;
111 -webkit-border-radius: 6px;
112 background-color: rgb(64, 192, 64);
113 border: 0 solid transparent;
120 background-color: rgb(224, 32, 32);
123 .port-icon.connected {
124 -webkit-transform: scale(1.2);
125 background-color: rgb(0, 255, 0);
128 .port-icon.transient {
129 -webkit-transform: scale(1.2);
130 background-color: orange;
146 .browser-header > .browser-name {
151 .used-for-port-forwarding {
152 background-image: -webkit-image-set(url('chrome://theme/IDR_INFO') 1x,
153 url('chrome://theme/IDR_INFO@2x') 2x);
169 display: inline-block;
183 display: inline-block;
191 background-color: #eee;
196 background-color: #ccc;
203 background-color: #ddd;
211 color: rgb(151, 156, 160);
223 color: rgb(17, 85, 204);
229 text-decoration: underline;
232 .browser-header .action {
236 .list:not(.pages) .subrow {
242 pointer-events: none;
246 border: 1px solid #aaa;
253 .open > input:focus {
254 -webkit-transition: border-color 200ms;
255 border-color: rgb(77, 144, 254);
265 border-bottom: 1px solid #eee;
270 #device-settings button {
274 #port-forwarding-overlay {
275 -webkit-box-align: center;
276 -webkit-box-pack: center;
277 background-color: rgba(255, 255, 255, 0.75);
279 display: -webkit-box;
287 background-image: -webkit-image-set(url('chrome://theme/IDR_WARNING') 1x,
288 url('chrome://theme/IDR_WARNING@2x') 2x);
289 background-position: 0 center;
290 background-repeat: no-repeat;
291 background-size: 24px 21px;
296 #port-forwarding-overlay:not(.open) {
300 #port-forwarding-config {
301 -webkit-border-radius: 3px;
303 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
305 padding: 17px 17px 12px;
310 background-image: url('chrome://theme/IDR_CLOSE_DIALOG');
315 .close-button:active {
316 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
319 .close-button:hover {
320 background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
323 #port-forwarding-config > .close-button {
329 #port-forwarding-config-title {
333 #port-forwarding-config-list {
334 border: 1px solid #eee;
341 .port-forwarding-pair {
342 -webkit-flex-direction: row;
343 display: -webkit-flex;
346 .port-forwarding-pair:hover {
347 background-color: #eee;
350 .port-forwarding-pair.selected,
351 .port-forwarding-pair.selected:hover {
352 background-color: #ccc;
355 .port-forwarding-pair input {
356 border: 1px solid transparent;
362 .port-forwarding-pair.fresh:not(.selected) input {
366 .port-forwarding-pair input.port {
370 .port-forwarding-pair input.location {
374 .port-forwarding-pair:not(.empty) input.invalid {
375 background-color: rgb(255, 200, 200);
378 .port-forwarding-pair .close-button {
382 .port-forwarding-pair.fresh .close-button,
383 .port-forwarding-pair:not(.selected):not(:hover) .close-button:not(:hover) {
384 background-image: none;
385 pointer-events: none;
388 .port-forwarding-pair:not(.selected) .close-button:not(:hover) {
392 #port-forwarding-message {
397 #port-forwarding-config-buttons {
402 #port-forwarding-config-buttons > label {