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 | ||
50 | #toolbox-close { | |
51 | list-style-image: url("chrome://global/skin/icons/close.png"); | |
52 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
53 | } | |
54 | ||
55 | #toolbox-close:hover { | |
56 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
445863a2 RK |
57 | } |
58 | ||
0142a07b RK |
59 | #toolbox-dock-window, |
60 | #toolbox-dock-bottom, | |
61 | #toolbox-dock-side, | |
62 | #toolbox-close { | |
63 | } | |
64 | ||
65 | #toolbox-dock-window:hover, | |
66 | #toolbox-dock-bottom:hover, | |
67 | #toolbox-dock-side:hover, | |
68 | #toolbox-close:hover { | |
69 | } | |
70 | ||
71 | #toolbox-controls-separator { | |
72 | -moz-margin-start: 4px; | |
73 | } | |
74 | ||
75 | ||
76 | /* Command buttons */ | |
77 | ||
78 | .command-button { | |
f7774352 | 79 | /* padding: 1px 4px; */ |
0142a07b RK |
80 | min-width: 16px; |
81 | } | |
82 | ||
83 | .command-button:hover { | |
84 | } | |
85 | .command-button:hover:active { | |
86 | } | |
87 | ||
2efcd25d RK |
88 | #command-button-paintflashing { |
89 | list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); | |
90 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
91 | } | |
92 | ||
93 | #command-button-paintflashing:hover, | |
94 | #command-button-paintflashing:hover:active, | |
95 | #command-button-paintflashing[checked=true] { | |
96 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
97 | } | |
98 | ||
445863a2 RK |
99 | #command-button-responsive { |
100 | list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); | |
101 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
102 | } | |
103 | ||
104 | #command-button-responsive:hover, | |
105 | #command-button-responsive:hover:active, | |
106 | #command-button-responsive[checked=true] { | |
107 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
108 | } | |
109 | ||
110 | #command-button-tilt { | |
111 | list-style-image: url("chrome://browser/skin/devtools/command-tilt.png"); | |
112 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
113 | } | |
114 | ||
115 | #command-button-tilt:hover, | |
116 | #command-button-tilt:hover:active, | |
117 | #command-button-tilt[checked=true] { | |
118 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
119 | } | |
120 | ||
121 | #command-button-scratchpad { | |
122 | list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); | |
123 | -moz-image-region: rect(0px, 16px, 16px, 0px); | |
124 | } | |
125 | ||
126 | #command-button-scratchpad:hover, | |
127 | #command-button-scratchpad:hover:active { | |
128 | -moz-image-region: rect(0px, 32px, 16px, 16px); | |
129 | } | |
130 | ||
131 | ||
132 | /* Tabs */ | |
133 | ||
134 | .devtools-tabbar { | |
135 | } | |
136 | ||
137 | #toolbox-tabs { | |
0142a07b | 138 | margin: 0; |
445863a2 RK |
139 | background-color: #000000; |
140 | color: #FFCF00; | |
141 | } | |
142 | ||
143 | .devtools-tab { | |
82b4252f RK |
144 | min-width: 32px; |
145 | max-width: 110px; | |
0142a07b | 146 | color: #000000; |
445863a2 RK |
147 | margin: 0; |
148 | -moz-margin-end: 3px; | |
2efcd25d RK |
149 | padding: 1px; |
150 | -moz-padding-start: 3px; | |
e75098eb | 151 | background-color: #C09070; |
0142a07b | 152 | border-radius: 8px 8px 0 0; |
445863a2 RK |
153 | } |
154 | ||
82b4252f RK |
155 | .devtools-tab > image { |
156 | -moz-margin-end: 0px; | |
c4460289 RK |
157 | /* -moz-margin-start: 4px; */ |
158 | } | |
159 | ||
160 | #toolbox-tab-options > image { | |
161 | /* margin: 0 8px; */ | |
0142a07b RK |
162 | } |
163 | ||
82b4252f | 164 | .devtools-tab:hover > image { |
0142a07b RK |
165 | } |
166 | ||
82b4252f RK |
167 | .devtools-tab:active > image, |
168 | .devtools-tab[selected=true] > image { | |
445863a2 RK |
169 | } |
170 | ||
171 | .devtools-tab:hover, | |
172 | .devtools-tab:hover:active { | |
173 | background-color: #FFCF00; | |
174 | color: #000000; | |
175 | } | |
176 | ||
0142a07b RK |
177 | .devtools-tab[selected=true] { |
178 | background-color: #008484; | |
179 | color: #000000; | |
445863a2 | 180 | } |
f30073a6 RK |
181 | |
182 | .devtools-tab > spacer { | |
183 | max-width: 0; | |
184 | -moz-box-flex: 0; | |
185 | } | |
186 | ||
187 | .devtools-tab > image { | |
188 | -moz-margin-end: 0; | |
189 | -moz-margin-start: 0; | |
190 | } | |
191 | ||
192 | #toolbox-tab-options { | |
193 | min-width: 20px; | |
194 | } | |
195 | ||
196 | #toolbox-tab-options > image { | |
197 | -moz-margin-end: 3px; | |
198 | } | |
199 | ||
624ebb51 RK |
200 | .devtools-tab:not(.highlighted) > .highlighted-icon, |
201 | .devtools-tab[selected=true] > .highlighted-icon, | |
202 | .devtools-tab:not([selected=true]).highlighted > .default-icon { | |
203 | visibility: collapse; | |
204 | } | |
f30073a6 RK |
205 | |
206 | #options-panel { | |
207 | /* background-image: url("chrome://browser/skin/newtab/noise.png"); */ | |
208 | } | |
209 | ||
210 | .options-vertical-pane { | |
211 | margin: 15px; | |
212 | width: calc(50% - 30px); | |
213 | min-width: 400px; | |
214 | -moz-padding-start: 5px; | |
215 | } | |
216 | ||
217 | .options-vertical-pane > label { | |
218 | padding: 5px 0; | |
219 | font-size: 1.4rem; | |
220 | } | |
221 | ||
222 | .options-groupbox { | |
223 | -moz-margin-start: 15px; | |
224 | padding: 4px; | |
225 | } | |
226 | ||
227 | .options-groupbox > * { | |
228 | padding: 2px; | |
229 | } |