Commit | Line | Data |
---|---|---|
445863a2 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 | window { | |
6 | padding: 0; | |
7 | } | |
8 | ||
f7774352 RK |
9 | notification { |
10 | margin-bottom: 3px; | |
11 | } | |
12 | ||
0142a07b RK |
13 | #toolbox-controls { |
14 | margin: 0 2px; | |
15 | } | |
16 | ||
17 | #toolbox-controls > toolbarbutton, | |
18 | #toolbox-dock-buttons > toolbarbutton { | |
19 | min-width: 16px; | |
f7774352 | 20 | /* padding: 1px 3px; */ |
445863a2 RK |
21 | } |
22 | ||
23 | #toolbox-dock-bottom { | |
24 | list-style-image: url("chrome://browser/skin/devtools/dock-bottom.png"); | |
8b5fc82e RK |
25 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
26 | } | |
27 | ||
28 | #toolbox-dock-bottom:hover { | |
29 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
445863a2 RK |
30 | } |
31 | ||
32 | #toolbox-dock-side { | |
33 | list-style-image: url("chrome://browser/skin/devtools/dock-side.png"); | |
8b5fc82e RK |
34 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
35 | } | |
36 | ||
37 | #toolbox-dock-side:hover { | |
38 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
445863a2 RK |
39 | } |
40 | ||
41 | #toolbox-dock-window { | |
0142a07b | 42 | list-style-image: url("chrome://browser/skin/devtools/undock.png"); |
8b5fc82e RK |
43 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
44 | } | |
45 | ||
46 | #toolbox-dock-window:hover { | |
47 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
48 | } | |
49 | ||
0142a07b RK |
50 | #toolbox-dock-window, |
51 | #toolbox-dock-bottom, | |
b27cc46e | 52 | #toolbox-dock-side { |
0142a07b RK |
53 | } |
54 | ||
55 | #toolbox-dock-window:hover, | |
56 | #toolbox-dock-bottom:hover, | |
b27cc46e | 57 | #toolbox-dock-side:hover { |
0142a07b RK |
58 | } |
59 | ||
60 | #toolbox-controls-separator { | |
61 | -moz-margin-start: 4px; | |
62 | } | |
63 | ||
64 | ||
65 | /* Command buttons */ | |
66 | ||
67 | .command-button { | |
f7774352 | 68 | /* padding: 1px 4px; */ |
0142a07b RK |
69 | min-width: 16px; |
70 | } | |
71 | ||
72 | .command-button:hover { | |
73 | } | |
74 | .command-button:hover:active { | |
75 | } | |
76 | ||
2efcd25d RK |
77 | #command-button-paintflashing { |
78 | list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); | |
79 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
80 | } | |
81 | ||
82 | #command-button-paintflashing:hover, | |
83 | #command-button-paintflashing:hover:active, | |
84 | #command-button-paintflashing[checked=true] { | |
85 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
86 | } | |
87 | ||
445863a2 RK |
88 | #command-button-responsive { |
89 | list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); | |
90 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
91 | } | |
92 | ||
93 | #command-button-responsive:hover, | |
94 | #command-button-responsive:hover:active, | |
95 | #command-button-responsive[checked=true] { | |
96 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
97 | } | |
98 | ||
99 | #command-button-tilt { | |
100 | list-style-image: url("chrome://browser/skin/devtools/command-tilt.png"); | |
101 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
102 | } | |
103 | ||
104 | #command-button-tilt:hover, | |
105 | #command-button-tilt:hover:active, | |
106 | #command-button-tilt[checked=true] { | |
107 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
108 | } | |
109 | ||
110 | #command-button-scratchpad { | |
111 | list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); | |
112 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
113 | } | |
114 | ||
115 | #command-button-scratchpad:hover, | |
116 | #command-button-scratchpad:hover:active { | |
117 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
118 | } | |
119 | ||
c5987919 RK |
120 | #command-button-pick { |
121 | list-style-image: url("chrome://browser/skin/devtools/command-pick.png"); | |
122 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
123 | } | |
124 | ||
125 | #command-button-pick:hover, | |
126 | #command-button-pick:hover:active { | |
127 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
128 | } | |
129 | ||
130 | #command-button-splitconsole { | |
131 | list-style-image: url("chrome://browser/skin/devtools/command-console.png"); | |
132 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
133 | } | |
134 | ||
135 | #command-button-splitconsole:hover, | |
136 | #command-button-splitconsole:hover:active { | |
137 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
138 | } | |
139 | ||
445863a2 RK |
140 | |
141 | /* Tabs */ | |
142 | ||
143 | .devtools-tabbar { | |
144 | } | |
145 | ||
146 | #toolbox-tabs { | |
0142a07b | 147 | margin: 0; |
445863a2 RK |
148 | background-color: #000000; |
149 | color: #FFCF00; | |
150 | } | |
151 | ||
152 | .devtools-tab { | |
82b4252f RK |
153 | min-width: 32px; |
154 | max-width: 110px; | |
0142a07b | 155 | color: #000000; |
445863a2 RK |
156 | margin: 0; |
157 | -moz-margin-end: 3px; | |
2efcd25d RK |
158 | padding: 1px; |
159 | -moz-padding-start: 3px; | |
e75098eb | 160 | background-color: #C09070; |
0142a07b | 161 | border-radius: 8px 8px 0 0; |
445863a2 RK |
162 | } |
163 | ||
82b4252f RK |
164 | .devtools-tab > image { |
165 | -moz-margin-end: 0px; | |
c4460289 | 166 | /* -moz-margin-start: 4px; */ |
c5987919 RK |
167 | max-height: 16px; |
168 | width: 16px; /* Prevents collapse during theme switching */ | |
c4460289 RK |
169 | } |
170 | ||
171 | #toolbox-tab-options > image { | |
172 | /* margin: 0 8px; */ | |
0142a07b RK |
173 | } |
174 | ||
82b4252f | 175 | .devtools-tab:hover > image { |
0142a07b RK |
176 | } |
177 | ||
82b4252f RK |
178 | .devtools-tab:active > image, |
179 | .devtools-tab[selected=true] > image { | |
445863a2 RK |
180 | } |
181 | ||
182 | .devtools-tab:hover, | |
183 | .devtools-tab:hover:active { | |
184 | background-color: #FFCF00; | |
185 | color: #000000; | |
186 | } | |
187 | ||
0142a07b RK |
188 | .devtools-tab[selected=true] { |
189 | background-color: #008484; | |
190 | color: #000000; | |
445863a2 | 191 | } |
f30073a6 RK |
192 | |
193 | .devtools-tab > spacer { | |
194 | max-width: 0; | |
195 | -moz-box-flex: 0; | |
196 | } | |
197 | ||
198 | .devtools-tab > image { | |
199 | -moz-margin-end: 0; | |
200 | -moz-margin-start: 0; | |
201 | } | |
202 | ||
203 | #toolbox-tab-options { | |
204 | min-width: 20px; | |
205 | } | |
206 | ||
207 | #toolbox-tab-options > image { | |
208 | -moz-margin-end: 3px; | |
209 | } | |
210 | ||
624ebb51 RK |
211 | .devtools-tab:not(.highlighted) > .highlighted-icon, |
212 | .devtools-tab[selected=true] > .highlighted-icon, | |
213 | .devtools-tab:not([selected=true]).highlighted > .default-icon { | |
214 | visibility: collapse; | |
215 | } | |
f30073a6 | 216 | |
b27cc46e RK |
217 | .devtools-tab:not([selected=true]).highlighted { |
218 | color: #FFCF00; | |
219 | } | |
220 | ||
221 | .devtools-tab:not(.highlighted) > .highlighted-icon, | |
222 | .devtools-tab[selected=true] > .highlighted-icon, | |
223 | .devtools-tab:not([selected=true]).highlighted > .default-icon { | |
224 | visibility: collapse; | |
225 | } | |
226 | ||
f30073a6 RK |
227 | #options-panel { |
228 | /* background-image: url("chrome://browser/skin/newtab/noise.png"); */ | |
229 | } | |
230 | ||
231 | .options-vertical-pane { | |
fe524e0c | 232 | margin: 5px; |
f30073a6 RK |
233 | width: calc(50% - 30px); |
234 | min-width: 400px; | |
235 | -moz-padding-start: 5px; | |
236 | } | |
237 | ||
238 | .options-vertical-pane > label { | |
fe524e0c | 239 | padding: 2px 0; |
f30073a6 RK |
240 | font-size: 1.4rem; |
241 | } | |
242 | ||
243 | .options-groupbox { | |
244 | -moz-margin-start: 15px; | |
fe524e0c | 245 | padding: 2px; |
f30073a6 RK |
246 | } |
247 | ||
248 | .options-groupbox > * { | |
249 | padding: 2px; | |
250 | } | |
b27cc46e RK |
251 | |
252 | .options-citation-label { | |
253 | font-size: 1rem !important; | |
254 | /* !important is required otherwise font-size will still be 1.4rem */ | |
255 | font-style: italic; | |
256 | padding: 4px 0 0; /* To align it with the checkbox */ | |
257 | color: #A09090; | |
258 | } | |
259 | ||
260 | .options-citation-label + label { | |
261 | padding: 3px 0 0 !important; /* To align it with the checkbox */ | |
262 | font-style: italic; | |
263 | } | |
fe524e0c RK |
264 | |
265 | .hidden-labels-box:not(.visible) > label, | |
266 | .hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { | |
267 | display: none; | |
268 | } |