Commit | Line | Data |
---|---|---|
dadba0f2 RK |
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/. */ | |
4 | ||
5 | html { | |
6 | font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; | |
7 | font-size: 11px; | |
8 | font-weight: 400; | |
9 | background-color: #000000; | |
10 | color: #FF9F00; | |
11 | } | |
12 | ||
13 | label, | |
14 | .panel-item, | |
15 | #project-panel-projects, | |
16 | #runtime-panel-projects { | |
17 | display: block; | |
18 | float: left; | |
19 | width: 100%; | |
20 | text-align: left; | |
21 | } | |
22 | ||
23 | .project-image, | |
24 | .panel-item span { | |
25 | display: inline-block; | |
26 | float: left; | |
27 | line-height: 20px; | |
28 | } | |
29 | ||
30 | .project-image { | |
31 | margin-right: 10px; | |
32 | max-height: 20px; | |
33 | } | |
34 | ||
35 | .panel-header { | |
36 | color: #9C9CFF; | |
37 | text-transform: uppercase; | |
38 | line-height: 200%; | |
39 | margin: 5px 5px 0 5px; | |
40 | font-weight: 700; | |
41 | width: 100%; | |
42 | } | |
43 | ||
44 | .panel-header:first-child { | |
45 | margin-top: 0; | |
46 | } | |
47 | ||
48 | .panel-header[hidden], .panel-item[hidden] { | |
49 | display: none; | |
50 | } | |
51 | ||
52 | #runtime-panel-simulator, | |
53 | .panel-item-complex { | |
54 | clear: both; | |
55 | position: relative; | |
56 | } | |
57 | ||
58 | .panel-item span { | |
59 | display: block; | |
60 | float: left; | |
61 | overflow: hidden; | |
62 | text-overflow: ellipsis; | |
63 | width: 75%; | |
64 | white-space: nowrap; | |
65 | } | |
66 | ||
67 | .panel-item { | |
68 | -moz-appearance: none; | |
69 | -moz-box-align: center; | |
70 | padding: 3%; | |
71 | display: block; | |
72 | width: 94%; | |
73 | cursor: pointer; | |
74 | border-top: 1px solid transparent; | |
75 | border-left: 0; | |
76 | border-bottom: 1px solid #A09090; | |
77 | border-right: 0; | |
78 | background-color: transparent; | |
79 | } | |
80 | ||
81 | button.panel-item { | |
82 | background-position: 5px 5px; | |
83 | background-repeat: no-repeat; | |
84 | background-size: 14px 14px; | |
85 | padding-left: 25px; | |
86 | width: 100%; | |
87 | } | |
88 | ||
89 | .panel-item:disabled { | |
90 | background-color: #8050B0; | |
91 | color: #000000; | |
92 | opacity: 0.5; | |
93 | cursor: default; | |
94 | } | |
95 | ||
96 | .refresh-icon { | |
97 | background-image: url("chrome://devtools/skin/images/reload.svg"); | |
98 | height: 14px; | |
99 | width: 14px; | |
100 | border: 0; | |
101 | opacity: 0.6; | |
102 | display: inline-block; | |
103 | margin: 3px; | |
104 | float: right; | |
105 | } | |
106 | ||
107 | .panel-item:not(:disabled):hover, | |
108 | button.panel-item:not(:disabled):hover { | |
109 | background-color: #FFCF00; | |
110 | border-top: 1px solid #9C9CFF; | |
111 | } | |
112 | ||
113 | .configure-button { | |
114 | display: inline-block; | |
115 | height: 30px; | |
116 | width: 30px; | |
117 | background-color: transparent; | |
118 | background-image: -moz-image-rect(url("icons.png"), 104, 462, 129, 438); | |
119 | background-position: center center; | |
120 | background-repeat: no-repeat; | |
121 | background-size: 14px 14px; | |
122 | position: absolute; | |
123 | top: -2px; | |
124 | right: 0; | |
125 | border: 0; | |
126 | } | |
127 | ||
128 | .configure-button:hover { | |
129 | cursor: pointer; | |
130 | } | |
131 | ||
132 | .project-panel-item-openpackaged { background-image: -moz-image-rect(url("icons.png"), 260, 438, 286, 412); } | |
133 | .runtime-panel-item-simulator { background-image: -moz-image-rect(url("icons.png"), 0, 438, 26, 412); } | |
134 | .runtime-panel-item-other { background-image: -moz-image-rect(url("icons.png"), 26, 438, 52, 412); } | |
135 | #runtime-permissions { background-image: -moz-image-rect(url("icons.png"), 105, 438, 131, 412); } | |
136 | #runtime-screenshot { background-image: -moz-image-rect(url("icons.png"), 131, 438, 156, 412); } | |
137 | ||
138 | #runtime-preferences, | |
139 | #runtime-settings { background-image: -moz-image-rect(url("icons.png"), 105, 464, 131, 438); } | |
140 | ||
141 | #runtime-panel-nousbdevice, | |
142 | #runtime-details { background-image: -moz-image-rect(url("icons.png"), 156, 438, 182, 412); } | |
143 | ||
144 | .runtime-panel-item-usb, | |
145 | #runtime-disconnect { background-image: -moz-image-rect(url("icons.png"), 52, 438, 78, 412); } | |
146 | ||
147 | .runtime-panel-item-wifi, | |
148 | .project-panel-item-openhosted { background-image: -moz-image-rect(url("icons.png"), 208, 438, 234, 412); } | |
149 | ||
150 | .project-panel-item-newapp, | |
151 | #runtime-panel-noadbhelper, | |
152 | #runtime-panel-installsimulator { background-image: -moz-image-rect(url("icons.png"), 234, 438, 260, 412); } |