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 | ||
120 | ||
121 | /* Tabs */ | |
122 | ||
123 | .devtools-tabbar { | |
124 | } | |
125 | ||
126 | #toolbox-tabs { | |
0142a07b | 127 | margin: 0; |
445863a2 RK |
128 | background-color: #000000; |
129 | color: #FFCF00; | |
130 | } | |
131 | ||
132 | .devtools-tab { | |
82b4252f RK |
133 | min-width: 32px; |
134 | max-width: 110px; | |
0142a07b | 135 | color: #000000; |
445863a2 RK |
136 | margin: 0; |
137 | -moz-margin-end: 3px; | |
2efcd25d RK |
138 | padding: 1px; |
139 | -moz-padding-start: 3px; | |
e75098eb | 140 | background-color: #C09070; |
0142a07b | 141 | border-radius: 8px 8px 0 0; |
445863a2 RK |
142 | } |
143 | ||
82b4252f RK |
144 | .devtools-tab > image { |
145 | -moz-margin-end: 0px; | |
c4460289 RK |
146 | /* -moz-margin-start: 4px; */ |
147 | } | |
148 | ||
149 | #toolbox-tab-options > image { | |
150 | /* margin: 0 8px; */ | |
0142a07b RK |
151 | } |
152 | ||
82b4252f | 153 | .devtools-tab:hover > image { |
0142a07b RK |
154 | } |
155 | ||
82b4252f RK |
156 | .devtools-tab:active > image, |
157 | .devtools-tab[selected=true] > image { | |
445863a2 RK |
158 | } |
159 | ||
160 | .devtools-tab:hover, | |
161 | .devtools-tab:hover:active { | |
162 | background-color: #FFCF00; | |
163 | color: #000000; | |
164 | } | |
165 | ||
0142a07b RK |
166 | .devtools-tab[selected=true] { |
167 | background-color: #008484; | |
168 | color: #000000; | |
445863a2 | 169 | } |
f30073a6 RK |
170 | |
171 | .devtools-tab > spacer { | |
172 | max-width: 0; | |
173 | -moz-box-flex: 0; | |
174 | } | |
175 | ||
176 | .devtools-tab > image { | |
177 | -moz-margin-end: 0; | |
178 | -moz-margin-start: 0; | |
179 | } | |
180 | ||
181 | #toolbox-tab-options { | |
182 | min-width: 20px; | |
183 | } | |
184 | ||
185 | #toolbox-tab-options > image { | |
186 | -moz-margin-end: 3px; | |
187 | } | |
188 | ||
624ebb51 RK |
189 | .devtools-tab:not(.highlighted) > .highlighted-icon, |
190 | .devtools-tab[selected=true] > .highlighted-icon, | |
191 | .devtools-tab:not([selected=true]).highlighted > .default-icon { | |
192 | visibility: collapse; | |
193 | } | |
f30073a6 | 194 | |
b27cc46e RK |
195 | .devtools-tab:not([selected=true]).highlighted { |
196 | color: #FFCF00; | |
197 | } | |
198 | ||
199 | .devtools-tab:not(.highlighted) > .highlighted-icon, | |
200 | .devtools-tab[selected=true] > .highlighted-icon, | |
201 | .devtools-tab:not([selected=true]).highlighted > .default-icon { | |
202 | visibility: collapse; | |
203 | } | |
204 | ||
f30073a6 RK |
205 | #options-panel { |
206 | /* background-image: url("chrome://browser/skin/newtab/noise.png"); */ | |
207 | } | |
208 | ||
209 | .options-vertical-pane { | |
fe524e0c | 210 | margin: 5px; |
f30073a6 RK |
211 | width: calc(50% - 30px); |
212 | min-width: 400px; | |
213 | -moz-padding-start: 5px; | |
214 | } | |
215 | ||
216 | .options-vertical-pane > label { | |
fe524e0c | 217 | padding: 2px 0; |
f30073a6 RK |
218 | font-size: 1.4rem; |
219 | } | |
220 | ||
221 | .options-groupbox { | |
222 | -moz-margin-start: 15px; | |
fe524e0c | 223 | padding: 2px; |
f30073a6 RK |
224 | } |
225 | ||
226 | .options-groupbox > * { | |
227 | padding: 2px; | |
228 | } | |
b27cc46e RK |
229 | |
230 | .options-citation-label { | |
231 | font-size: 1rem !important; | |
232 | /* !important is required otherwise font-size will still be 1.4rem */ | |
233 | font-style: italic; | |
234 | padding: 4px 0 0; /* To align it with the checkbox */ | |
235 | color: #A09090; | |
236 | } | |
237 | ||
238 | .options-citation-label + label { | |
239 | padding: 3px 0 0 !important; /* To align it with the checkbox */ | |
240 | font-style: italic; | |
241 | } | |
fe524e0c RK |
242 | |
243 | .hidden-labels-box:not(.visible) > label, | |
244 | .hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { | |
245 | display: none; | |
246 | } |