1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
|
/* Web Developer menus */
#web-developer-app-menu, #web-developer-context, #web-developer-menu, #web-developer-seamonkey { list-style-image: url(chrome://web-developer/skin/menu.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-app-menu, #web-developer-context, #web-developer-menu, #web-developer-seamonkey { list-style-image: url(chrome://web-developer/skin/menu-2x.png); }
#web-developer-app-menu .menu-iconic-icon, #web-developer-context .menu-iconic-icon, #web-developer-menu .menu-iconic-icon, #web-developer-seamonkey .menu-iconic-icon { height: 16px; width: 16px; }
}
/* Web Developer button */
#web-developer-button { list-style-image: url(chrome://web-developer/skin/button.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-button { list-style-image: url(chrome://web-developer/skin/button-2x.png); }
#web-developer-button .toolbarbutton-icon { height: 20px; width: 20px; }
}
/* Toolbar buttons */
#web-developer-cookies-toolbar, #web-developer-css-toolbar, #web-developer-disable-toolbar, #web-developer-forms-toolbar, #web-developer-images-toolbar, #web-developer-information-toolbar, #web-developer-miscellaneous-toolbar, #web-developer-options-toolbar, #web-developer-outline-toolbar, #web-developer-resize-toolbar, #web-developer-tools-toolbar, #web-developer-view-source-toolbar { list-style-image: url(chrome://web-developer/skin/toolbar.png); }
#web-developer-disable-toolbar { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-cookies-toolbar { -moz-image-region: rect(0, 32px, 16px, 16px); }
#web-developer-css-toolbar { -moz-image-region: rect(0, 48px, 16px, 32px); }
#web-developer-forms-toolbar { -moz-image-region: rect(0, 64px, 16px, 48px); }
#web-developer-images-toolbar { -moz-image-region: rect(0, 80px, 16px, 64px); }
#web-developer-information-toolbar { -moz-image-region: rect(0, 96px, 16px, 80px); }
#web-developer-miscellaneous-toolbar { -moz-image-region: rect(0, 112px, 16px, 96px); }
#web-developer-options-toolbar { -moz-image-region: rect(0, 192px, 16px, 176px); }
#web-developer-outline-toolbar { -moz-image-region: rect(0, 128px, 16px, 112px); }
#web-developer-resize-toolbar { -moz-image-region: rect(0, 144px, 16px, 128px); }
#web-developer-tools-toolbar { -moz-image-region: rect(0, 160px, 16px, 144px); }
#web-developer-view-source-toolbar { -moz-image-region: rect(0, 176px, 16px, 160px); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-cookies-toolbar, #web-developer-css-toolbar, #web-developer-disable-toolbar, #web-developer-forms-toolbar, #web-developer-images-toolbar, #web-developer-information-toolbar, #web-developer-miscellaneous-toolbar, #web-developer-options-toolbar, #web-developer-outline-toolbar, #web-developer-resize-toolbar, #web-developer-tools-toolbar, #web-developer-view-source-toolbar { list-style-image: url(chrome://web-developer/skin/toolbar-2x.png); }
#web-developer-cookies-toolbar .toolbarbutton-icon, #web-developer-css-toolbar .toolbarbutton-icon, #web-developer-disable-toolbar .toolbarbutton-icon, #web-developer-forms-toolbar .toolbarbutton-icon, #web-developer-images-toolbar .toolbarbutton-icon, #web-developer-information-toolbar .toolbarbutton-icon, #web-developer-miscellaneous-toolbar .toolbarbutton-icon, #web-developer-options-toolbar .toolbarbutton-icon, #web-developer-outline-toolbar .toolbarbutton-icon, #web-developer-resize-toolbar .toolbarbutton-icon, #web-developer-tools-toolbar .toolbarbutton-icon, #web-developer-view-source-toolbar .toolbarbutton-icon { height: 16px; width: 16px; }
#web-developer-disable-toolbar { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-cookies-toolbar { -moz-image-region: rect(0, 64px, 32px, 32px); }
#web-developer-css-toolbar { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-forms-toolbar { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-images-toolbar { -moz-image-region: rect(0, 160px, 32px, 128px); }
#web-developer-information-toolbar { -moz-image-region: rect(0, 192px, 32px, 160px); }
#web-developer-miscellaneous-toolbar { -moz-image-region: rect(0, 224px, 32px, 192px); }
#web-developer-options-toolbar { -moz-image-region: rect(0, 384px, 32px, 352px); }
#web-developer-outline-toolbar { -moz-image-region: rect(0, 256px, 32px, 224px); }
#web-developer-resize-toolbar { -moz-image-region: rect(0, 288px, 32px, 256px); }
#web-developer-tools-toolbar { -moz-image-region: rect(0, 320px, 32px, 288px); }
#web-developer-view-source-toolbar { -moz-image-region: rect(0, 352px, 32px, 320px); }
}
/* Statusbar buttons */
#web-developer-css-statusbar, #web-developer-javascript-statusbar, #web-developer-render-mode-statusbar { list-style-image: url(chrome://web-developer/skin/statusbar.png); }
#web-developer-css-statusbar { -moz-image-region: rect(0, 64px, 16px, 48px); }
#web-developer-css-statusbar.error { -moz-image-region: rect(0, 48px, 16px, 32px); }
#web-developer-css-statusbar.valid { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-javascript-statusbar { -moz-image-region: rect(0, 64px, 16px, 48px); }
#web-developer-javascript-statusbar.disabled { -moz-image-region: rect(0, 64px, 16px, 48px); }
#web-developer-javascript-statusbar.error { -moz-image-region: rect(0, 48px, 16px, 32px); }
#web-developer-javascript-statusbar.valid { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-javascript-statusbar.warning { -moz-image-region: rect(0, 32px, 16px, 16px); }
#web-developer-render-mode-statusbar { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-render-mode-statusbar.quirks { -moz-image-region: rect(0, 48px, 16px, 32px); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-css-statusbar, #web-developer-javascript-statusbar, #web-developer-render-mode-statusbar { list-style-image: url(chrome://web-developer/skin/statusbar-2x.png); }
#web-developer-css-statusbar .toolbarbutton-icon, #web-developer-javascript-statusbar .toolbarbutton-icon, #web-developer-render-mode-statusbar .toolbarbutton-icon { height: 16px; width: 16px; }
#web-developer-css-statusbar { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-css-statusbar.error { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-css-statusbar.valid { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-javascript-statusbar { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-javascript-statusbar.disabled { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-javascript-statusbar.error { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-javascript-statusbar.valid { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-javascript-statusbar.warning { -moz-image-region: rect(0, 64px, 32px, 32px); }
#web-developer-render-mode-statusbar { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-render-mode-statusbar.quirks { -moz-image-region: rect(0, 96px, 32px, 64px); }
}
/* Dashboard buttons */
#web-developer-clear-dashboard, #web-developer-move-dashboard, #web-developer-open-dashboard, #web-developer-pin-dashboard, #web-developer-reset-dashboard, #web-developer-save-dashboard, #web-developer-search-dashboard, #web-developer-syntax-highlight-dashboard { list-style-image: url(chrome://web-developer/skin/dashboard.png); }
#web-developer-clear-dashboard { -moz-image-region: rect(0, 64px, 16px, 48px); }
#web-developer-move-dashboard { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-open-dashboard { -moz-image-region: rect(0, 32px, 16px, 16px); }
#web-developer-pin-dashboard { -moz-image-region: rect(0, 96px, 16px, 80px); }
#web-developer-reset-dashboard { -moz-image-region: rect(0, 80px, 16px, 64px); }
#web-developer-save-dashboard { -moz-image-region: rect(0, 48px, 16px, 32px); }
#web-developer-search-dashboard { -moz-image-region: rect(0, 128px, 16px, 112px); }
#web-developer-syntax-highlight-dashboard { -moz-image-region: rect(0, 112px, 16px, 96px); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-clear-dashboard, #web-developer-move-dashboard, #web-developer-open-dashboard, #web-developer-pin-dashboard, #web-developer-reset-dashboard, #web-developer-save-dashboard, #web-developer-search-dashboard, #web-developer-syntax-highlight-dashboard { list-style-image: url(chrome://web-developer/skin/dashboard-2x.png); }
#web-developer-clear-dashboard .toolbarbutton-icon, #web-developer-move-dashboard .toolbarbutton-icon, #web-developer-open-dashboard .toolbarbutton-icon, #web-developer-pin-dashboard .toolbarbutton-icon, #web-developer-reset-dashboard .toolbarbutton-icon, #web-developer-save-dashboard .toolbarbutton-icon, #web-developer-search-dashboard .toolbarbutton-icon, #web-developer-syntax-highlight-dashboard .toolbarbutton-icon { height: 16px; width: 16px; }
#web-developer-clear-dashboard { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-move-dashboard { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-open-dashboard { -moz-image-region: rect(0, 64px, 32px, 32px); }
#web-developer-pin-dashboard { -moz-image-region: rect(0, 192px, 32px, 160px); }
#web-developer-reset-dashboard { -moz-image-region: rect(0, 160px, 32px, 128px); }
#web-developer-save-dashboard { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-search-dashboard { -moz-image-region: rect(0, 256px, 32px, 224px); }
#web-developer-syntax-highlight-dashboard { -moz-image-region: rect(0, 224px, 32px, 192px); }
}
/* Options styles */
#web-developer-options radio { list-style-image: url(chrome://web-developer/skin/options.png); }
#web-developer-options radio[pane="web-developer-options-advanced-pane"] { -moz-image-region: rect(0, 256px, 32px, 224px); }
#web-developer-options radio[pane="web-developer-options-colors-pane"] { -moz-image-region: rect(0, 64px, 32px, 32px); }
#web-developer-options radio[pane="web-developer-options-general-pane"] { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-options radio[pane="web-developer-options-keyboard-pane"] { -moz-image-region: rect(0, 224px, 32px, 192px); }
#web-developer-options radio[pane="web-developer-options-resize-pane"] { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-options radio[pane="web-developer-options-responsive-layouts-pane"] { -moz-image-region: rect(0, 128px, 32px, 96px); }
#web-developer-options radio[pane="web-developer-options-tools-pane"] { -moz-image-region: rect(0, 160px, 32px, 128px); }
#web-developer-options radio[pane="web-developer-options-view-source-pane"] { -moz-image-region: rect(0, 192px, 32px, 160px); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-options radio { list-style-image: url(chrome://web-developer/skin/options-2x.png); }
#web-developer-options radio .paneButtonIcon { height: 32px; width: 32px; }
#web-developer-options radio[pane="web-developer-options-advanced-pane"] { -moz-image-region: rect(0, 512px, 64px, 448px); }
#web-developer-options radio[pane="web-developer-options-colors-pane"] { -moz-image-region: rect(0, 128px, 64px, 64px); }
#web-developer-options radio[pane="web-developer-options-general-pane"] { -moz-image-region: rect(0, 64px, 64px, 0); }
#web-developer-options radio[pane="web-developer-options-keyboard-pane"] { -moz-image-region: rect(0, 448px, 64px, 384px); }
#web-developer-options radio[pane="web-developer-options-resize-pane"] { -moz-image-region: rect(0, 192px, 64px, 128px); }
#web-developer-options radio[pane="web-developer-options-responsive-layouts-pane"] { -moz-image-region: rect(0, 256px, 64px, 192px); }
#web-developer-options radio[pane="web-developer-options-tools-pane"] { -moz-image-region: rect(0, 320px, 64px, 256px); }
#web-developer-options radio[pane="web-developer-options-view-source-pane"] { -moz-image-region: rect(0, 384px, 64px, 320px); }
}
/* Menu item icons */
#web-developer-button.color menuitem.menuitem-iconic, #web-developer-context menuitem.menuitem-iconic, #web-developer-menu menuitem.menuitem-iconic, #web-developer-seamonkey menuitem.menuitem-iconic, #web-developer-toolbar menuitem.menuitem-iconic { list-style-image: url(chrome://web-developer/skin/disabled.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-button menuitem.menuitem-iconic, #web-developer-context menuitem.menuitem-iconic, #web-developer-menu menuitem.menuitem-iconic, #web-developer-seamonkey menuitem.menuitem-iconic, #web-developer-toolbar menuitem.menuitem-iconic { height: 16px; list-style-image: url(chrome://web-developer/skin/disabled-2x.png); width: 16px; }
}
/* Feature toolbar buttons */
.web-developer-close { list-style-image: url(chrome://web-developer/skin/close.png); }
.web-developer-name { background: url(chrome://web-developer/skin/button.png) 0 50% no-repeat; padding-left: 25px; }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
.web-developer-close { list-style-image: url(chrome://web-developer/skin/close-2x.png); }
.web-developer-close .toolbarbutton-icon { height: 16px; width: 16px; }
.web-developer-name { background-image: url(chrome://web-developer/skin/button-2x.png); background-size: 20px 20px; }
}
/* Page validation toolbar buttons */
#web-developer-css-validation[class], #web-developer-html-validation[class] { list-style-image: url(chrome://web-developer/skin/validation.png); }
#web-developer-css-validation.invalid, #web-developer-html-validation.invalid { -moz-image-region: rect(0, 48px, 16px, 32px); }
#web-developer-css-validation.loading, #web-developer-html-validation.loading { -moz-image-region: rect(0, 16px, 16px, 0); }
#web-developer-css-validation.valid, #web-developer-html-validation.valid { -moz-image-region: rect(0, 32px, 16px, 16px); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-css-validation[class], #web-developer-html-validation[class] { list-style-image: url(chrome://web-developer/skin/validation-2x.png); }
#web-developer-css-validation[class] .toolbarbutton-icon, #web-developer-html-validation[class] .toolbarbutton-icon { height: 16px; width: 16px; }
#web-developer-css-validation.invalid, #web-developer-html-validation.invalid { -moz-image-region: rect(0, 96px, 32px, 64px); }
#web-developer-css-validation.loading, #web-developer-html-validation.loading { -moz-image-region: rect(0, 32px, 32px, 0); }
#web-developer-css-validation.valid, #web-developer-html-validation.valid { -moz-image-region: rect(0, 64px, 32px, 32px); }
}
/* Mac styles */
/* Toolbar styles */
.web-developer-name { padding-left: 20px; }
/* Dashboard styles */
#web-developer-dashboard-tab-panels { padding-top: 1.5em; }
/* Edit CSS styles */
#web-developer-edit-css-tab-box { margin-top: 0.5em; }
#web-developer-edit-css-tab-panels { padding-top: 1em; }
/* Options styles */
prefpane .groupbox-title { border-bottom: 1px solid #ccc; }
/* Outline custom elements styles */
#web-developer-outline-custom-elements-dialog .groupbox-title { border-bottom: 1px solid #ccc; }
/* Mac color styles */
/* Web Developer menus */
#web-developer-app-menu, #web-developer-context, #web-developer-menu, #web-developer-seamonkey { list-style-image: url(chrome://web-developer/skin/button.png); }
#web-developer-app-menu.color, #web-developer-context.color, #web-developer-menu.color, #web-developer-seamonkey.color { list-style-image: url(chrome://web-developer/skin/color/button.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-app-menu, #web-developer-context, #web-developer-menu, #web-developer-seamonkey { list-style-image: url(chrome://web-developer/skin/button-2x.png); }
#web-developer-app-menu.color, #web-developer-context.color, #web-developer-menu.color, #web-developer-seamonkey.color { list-style-image: url(chrome://web-developer/skin/color/button-2x.png); }
}
/* Web Developer button */
#web-developer-button.color { list-style-image: url(chrome://web-developer/skin/color/button.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-button .toolbarbutton-icon { height: 16px; width: 16px; }
#web-developer-button.color { list-style-image: url(chrome://web-developer/skin/color/button-2x.png); }
}
/* Toolbar buttons */
#web-developer-cookies-toolbar.color, #web-developer-css-toolbar.color, #web-developer-disable-toolbar.color, #web-developer-forms-toolbar.color, #web-developer-images-toolbar.color, #web-developer-information-toolbar.color, #web-developer-miscellaneous-toolbar.color, #web-developer-options-toolbar.color, #web-developer-outline-toolbar.color, #web-developer-resize-toolbar.color, #web-developer-tools-toolbar.color, #web-developer-view-source-toolbar.color { list-style-image: url(chrome://web-developer/skin/color/toolbar.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-cookies-toolbar.color, #web-developer-css-toolbar.color, #web-developer-disable-toolbar.color, #web-developer-forms-toolbar.color, #web-developer-images-toolbar.color, #web-developer-information-toolbar.color, #web-developer-miscellaneous-toolbar.color, #web-developer-options-toolbar.color, #web-developer-outline-toolbar.color, #web-developer-resize-toolbar.color, #web-developer-tools-toolbar.color, #web-developer-view-source-toolbar.color { list-style-image: url(chrome://web-developer/skin/color/toolbar-2x.png); }
}
/* Statusbar buttons */
#web-developer-css-statusbar[web-developer-color="true"], #web-developer-javascript-statusbar[web-developer-color="true"], #web-developer-render-mode-statusbar[web-developer-color="true"] { list-style-image: url(chrome://web-developer/skin/color/statusbar.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-css-statusbar[web-developer-color="true"], #web-developer-javascript-statusbar[web-developer-color="true"], #web-developer-render-mode-statusbar[web-developer-color="true"] { list-style-image: url(chrome://web-developer/skin/color/statusbar-2x.png); }
}
/* Dashboard buttons */
.color #web-developer-clear-dashboard, .color #web-developer-move-dashboard, .color #web-developer-open-dashboard, .color #web-developer-pin-dashboard, .color #web-developer-reset-dashboard, .color #web-developer-save-dashboard, .color #web-developer-search-dashboard, .color #web-developer-syntax-highlight-dashboard { list-style-image: url(chrome://web-developer/skin/color/dashboard.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
.color #web-developer-clear-dashboard, .color #web-developer-move-dashboard, .color #web-developer-open-dashboard, .color #web-developer-pin-dashboard, .color #web-developer-reset-dashboard, .color #web-developer-save-dashboard, .color #web-developer-search-dashboard, .color #web-developer-syntax-highlight-dashboard { list-style-image: url(chrome://web-developer/skin/color/dashboard-2x.png); }
}
/* Menu item icons */
#web-developer-button.color menuitem.menuitem-iconic, #web-developer-context.color menuitem.menuitem-iconic, #web-developer-menu.color menuitem.menuitem-iconic, #web-developer-seamonkey.color menuitem.menuitem-iconic, #web-developer-toolbar.color menuitem.menuitem-iconic { list-style-image: url(chrome://web-developer/skin/color/disabled.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
#web-developer-button.color menuitem.menuitem-iconic, #web-developer-context.color menuitem.menuitem-iconic, #web-developer-menu.color menuitem.menuitem-iconic, #web-developer-seamonkey.color menuitem.menuitem-iconic, #web-developer-toolbar.color menuitem.menuitem-iconic { list-style-image: url(chrome://web-developer/skin/color/disabled-2x.png); }
}
/* Feature toolbar buttons */
.color .web-developer-close { list-style-image: url(chrome://web-developer/skin/color/close.png); }
.color .web-developer-name { background-image: url(chrome://web-developer/skin/color/button.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
.color .web-developer-close { list-style-image: url(chrome://web-developer/skin/color/close-2x.png); }
.color .web-developer-name { background-image: url(chrome://web-developer/skin/color/button-2x.png); }
.web-developer-name { background-size: 16px 16px; }
}
/* Page validation toolbar buttons */
.color #web-developer-css-validation[class], .color #web-developer-html-validation[class] { list-style-image: url(chrome://web-developer/skin/color/validation.png); }
@media (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)
{
.color #web-developer-css-validation[class], .color #web-developer-html-validation[class] { list-style-image: url(chrome://web-developer/skin/color/validation-2x.png); }
}
|
