1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /************** LAYOUT **************/
9 flex-direction: column;
30 #connection-footer[status="connected"] #banner-connected,
31 #connection-footer[status="connecting"] #banner-connecting,
32 #connection-footer[status="disconnected"] #banner-disconnected,
33 #connection-footer[status="disconnecting"] #banner-disconnecting {
37 body.show-simulators .banner,
38 body.edit-connection .banner {
39 display: none !important;
42 body.show-simulators #banner-simulators,
43 body.edit-connection #banner-editing {
44 display: flex !important;
54 white-space: pre-line;
58 width: 100% !important;
63 flex-direction: column;
64 justify-content: center;
68 #banner-connected > .banner-box {
69 align-items: flex-start;
72 #start-simulator-box {
76 /************** PIXELS **************/
81 -moz-box-sizing: border-box;
87 background-color: #000000;
88 font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
92 background-color: #C09070;
99 -moz-padding-start: .5em;
100 -moz-padding-end: calc(.5em + 1px);
105 border-top-right-radius: 0;
106 border-bottom-right-radius: 0;
111 border-top-left-radius: 0;
112 border-bottom-left-radius: 0;
115 button.action-primary {
116 background-color: #A06060;
119 button.action-cancel {
123 button.action-primary:hover {
124 background-color: #FFCF00;
128 button:hover:active {
131 -moz-padding-start: calc(.5em + 1px);
132 -moz-padding-end: .5em;
136 /* border-top: #9C9CFF solid;*/
138 /* background: linear-gradient(to bottom, #323A42, #29313A);
143 /* background: linear-gradient(to bottom, #454F59, #404952);
144 box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;*/
148 border: 1px solid #A09090;
160 right: calc(30% - 15px);
170 /* border-right: 1px solid #111;
171 background-position: center right;
172 background-size: 1px 100%;
173 background-repeat: no-repeat;*/
180 padding-bottom: 10px;
190 .connected-indicator {
191 border-radius: 300px;
196 #banner-connected .connected-indicator,
197 #banner-connecting .connected-indicator {
198 background-color: #008484;
201 #banner-simulators .connected-indicator,
202 #banner-disconnected .connected-indicator,
203 #banner-editing .connected-indicator,
204 #banner-disconnecting .connected-indicator {
205 background-color: #A09090;
208 #banner-simulators .banner-content > * {
209 display: inline-block;
212 #banner-simulators[simulator-count="0"] .found-simulator,
213 #banner-simulators:not([simulator-count="0"]) .no-simulator {
217 #connection-no-device,
218 [device-count="0"] > #connection-found-device,
220 #connection-assisted {
224 #connection-found-device,
225 [device-count="0"] > #connection-no-device,
226 [adb-available="true"] > #connection-assisted,
227 [adb-available="false"] > #connection-manual {