sync EarlyBlue mozapps with *stripe
[themes.git] / EarlyBlue / mozapps / extensions / extensions.css
CommitLineData
49037d9b
RK
1#extensionManager {
2 background-color: #CCD0DD;
3}
4
5#extensionsBox {
6 margin: 10px 10px 0px 10px;
7 min-width:1px;
8}
9
10richlistbox {
11 border: 1px inset #CCD0DD;
12 margin: 0;
13}
14
15#getMore {
16 text-align: right;
17}
18
19#resizerBox {
20margin-top: -12px;
21}
22
23#resizerBox resizer {
24 height: 10px;
25 max-height: 10px;
26}
27
28.notification-inner {
29 border: none;
30 border-bottom: 1px solid #9999CC;
31}
32
33/* Command Bar */
34#commandBarBottom {
35 margin: 10px 10px 5px 10px;
36 min-width: 1px;
37}
38
39#commandBarBottom button {
40 margin: 0;
41 list-style-image: url("chrome://mozapps/skin/extensions/actionbuttons.png");
42 -moz-margin-end: 5px;
43}
44
45#commandBarBottom button .button-icon {
46 margin-top: 0px;
47 margin-bottom: 0px;
48 -moz-margin-start: 0px;
49 -moz-margin-end: 5px;
50}
51
52#installFileButton, #installUpdatesAllButton {
53 -moz-image-region: rect(0px, 84px, 21px, 63px);
54}
55
56#installFileButton[disabled="true"],
57#installUpdatesAllButton[disabled="true"] {
58 -moz-image-region: rect(21px, 84px, 42px, 63px);
59}
60
61#checkUpdatesAllButton {
62 -moz-image-region: rect(0px, 63px, 21px, 42px);
63}
64#checkUpdatesAllButton[disabled="true"] {
65 -moz-image-region: rect(21px, 63px, 42px, 42px);
66}
67
68#restartAppButton {
69 -moz-image-region: rect(0px, 42px, 21px, 21px);
70}
71
72#restartAppButton[disabled="true"] {
73 -moz-image-region: rect(21px, 42px, 42px, 21px);
74}
75
76/* these skip/continue icons don't make sense. it's just a placeholder. */
77#skipDialogButton {
78 -moz-image-region: rect(0px, 42px, 21px, 21px);
79}
80
81#skipDialogButton[disabled="true"] {
82 -moz-image-region: rect(21px, 42px, 42px, 21px);
83}
84
85#continueDialogButton {
86 -moz-image-region: rect(0px, 42px, 21px, 21px);
87}
88
89#continueDialogButton[disabled="true"] {
90 -moz-image-region: rect(21px, 42px, 42px, 21px);
91}
92
93/* List Items */
94richlistitem {
95 padding-top: 6px;
96 padding-bottom: 6px;
97 -moz-padding-start: 7px;
98 -moz-padding-end: 7px;
99 min-height: 25px;
100 border-bottom: 1px dotted #666699;
101}
102
103richlistitem[isDisabled="true"] .addonIcon {
104 opacity: 0.3;
105}
106
107richlistitem[isDisabled="true"] {
108 color: #808080;
109}
110
111richlistitem[selected="true"] {
112 background-color: #CCD0DD;
113 color: #000000;
114}
115
116richlistbox[focused] richlistitem[selected="true"] {
117 background-color: #336699;
118 color: #FFFFFF;
119}
120
121richlistbox[focused] richlistitem[selected="true"][isDisabled="true"] {
122 background-color: #666699;
123 color: #FFFFFF;
124}
125
126.descriptionWrap {
127 margin-bottom: 2px;
128}
129
130richlistitem[selected="true"][opType="none"] .descriptionCrop {
131 display: none;
132}
133
134.addonName {
135 font-weight: bold;
136}
137
138.addonIcon {
139 -moz-margin-end: 2px;
140}
141
142.previewText {
143 font-size: larger;
144 font-weight: bold;
145 color: #000000;
146 text-align: center;
147}
148
149#themePreviewArea {
150 border: 1px inset #CCD0DD;
151 background-color: #FFFFFF;
152 color: #000000;
153 overflow: auto;
154 width: 0px;
155}
156
157#themeSplitter {
158 border-width: 0;
159}
160
161.addonIcon {
162 width: 32px;
163 max-width: 32px;
164 height: 32px;
165 max-height: 32px;
166}
167
168richlistitem .updateBadge,
169richlistitem .notifyBadge {
170 width: 16px;
171 height: 16px;
172 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
173}
174
175richlistitem .updateBadge,
176richlistitem .notifyBadge {
177 margin-bottom: -3px;
178}
179
180richlistitem .updateBadge {
181 -moz-margin-end: -2px;
182}
183
184richlistitem .notifyBadge {
185 -moz-margin-start: -2px;
186}
187
188richlistitem[availableUpdateURL="none"] .updateBadge,
189.notifyBadge {
190 display: none;
191}
192
193richlistitem[compatible="false"] .notifyBadge,
194richlistitem[blocklisted="true"] .notifyBadge,
195richlistitem[satisfiesDependencies="false"] .notifyBadge {
196 display: -moz-box;
197}
198
199
200/* Selected Add-on buttons */
201.selectedButtons {
202 margin-top: 4px;
203 min-height: 2.1em;
204}
205
206.selectedButtons button {
207 margin-top: 0;
208 margin-bottom: 0;
209}
210
211.optionsButton, .useThemeButton {
212 -moz-margin-end: 0;
213}
214
215.enableButton, .disableButton {
216 -moz-margin-start: 5px;
217 -moz-margin-end: 0;
218}
219
220.uninstallButton, .cancelUninstallButton {
221 -moz-margin-start: 5px;
222}
223
224.enableHide,
225.uninstallShow,
226richlistitem[isDisabled="true"] .disableHide {
227 display: none;
228}
229
230richlistitem[opType="needs-uninstall"] .uninstallShow,
231richlistitem[opType="needs-enable"] .enableShow,
232richlistitem[opType="needs-disable"] .disableShow,
233richlistitem[isDisabled="true"] .disableShow {
234 display: -moz-box;
235}
236
237richlistitem[opType="needs-uninstall"] .uninstallHide,
238richlistitem[opType="needs-enable"] .enableHide,
239richlistitem[opType="needs-disable"] .disableHide {
240 display: none;
241}
242
243richlistitem[type="2"] .themeButton,
244richlistitem[type="8"] .themeButton,
245richlistitem[type="16"] .themeButton,
246richlistitem[type="4"] .optionsButton,
247richlistitem[type="8"] .optionsButton,
248richlistitem[type="16"] .optionsButton,
249richlistitem[type="4"] .disableShow,
250richlistitem[type="4"] .disableHide {
251 display: none;
252}
253
254/* Selected Add-on status messages and images */
255richlistitem[compatible="true"] .incompatibleBox,
256richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
257richlistitem[blocklisted="false"] .blocklistedBox,
258richlistitem[opType="needs-uninstall"] .blocklistedBox,
259richlistitem[opType="needs-uninstall"] .incompatibleBox,
260richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
261richlistitem[opType="needs-uninstall"] .blocklistedBox {
262 display: none;
263}
264
265richlistitem[opType="needs-uninstall"] .updateAvailableBox,
266richlistitem[availableUpdateURL="none"] .updateAvailableBox {
267 display: none;
268}
269
270richlistitem[loading="true"] .updateBadge {
271 display: -moz-box;
272 width: 16px;
273 height: 16px;
274 margin-bottom: -3px;
275 -moz-margin-end: -2px;
276 list-style-image: url("chrome://global/skin/icons/loading.gif");
277 -moz-image-region: auto;
278}
279
280.addonThrobber {
281 -moz-margin-start: 5px;
282 width: 16px;
283 height: 16px;
284 list-style-image: url("chrome://global/skin/icons/loading.gif");
285}
286
287.selectedStatusMsgs hbox {
288 margin-top: 2px;
289 margin-bottom: 2px;
290}
291
292.selectedStatusMsgs label {
293 font-weight: bold;
294}
295
296.selectedStatusMsgs label.text-link {
297 font-weight: normal;
298 border: none;
299}
300
301.needsInstall, .needsUninstall, .needsEnable, .needsDisable {
302 display: none;
303}
304
305richlistitem[opType="needs-install"] .needsInstall,
306richlistitem[opType="needs-uninstall"] .needsUninstall,
307richlistitem[opType="needs-enable"] .needsEnable,
308richlistitem[opType="needs-disable"] .needsDisable {
309 display: -moz-box;
310}
311
312richlistitem[opType="needs-uninstall"] .updateBadge,
313richlistitem[opType="needs-uninstall"] .notifyBadge {
314 display: none;
315}
316
317#progressBox {
318 padding: 5px 5px 5px 5px;
319}
320
321#progressBox > hbox {
322 -moz-box-align: center;
323}
324
325/* View buttons */
326.viewSelector {
327 border-bottom: 1px solid #9999CC;
328 margin: 0px;
329 -moz-padding-start: 10px;
330 background-color: #CCD0DD;
331 color: #000000;
332}
333
334#viewGroup radio {
335 margin: 0px 1px 0px 1px;
336 padding: 1px 3px 1px 3px;
337 min-width: 4.5em;
338 list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
339 border: 1px solid transparent;
340}
341
342#viewGroup radio:hover {
343 border: 1px outset #CCD0DD;
344}
345
346#viewGroup radio[selected="true"] {
347 border: 1px inset #CCD0DD;
348}
349
350.viewButtonIcon {
351 width: 32px;
352 height: 32px;
353}
354
355radio#extensions-view {
356 -moz-image-region: rect(0px, 32px, 32px, 0px)
357}
358
359radio#themes-view {
360 -moz-image-region: rect(0px, 64px, 32px, 32px)
361}
362
363radio#locales-view {
364 -moz-image-region: rect(0px, 96px, 32px, 64px)
365}
366
367radio#plugins-view {
368 -moz-image-region: rect(0px, 128px, 32px, 96px)
369}
370
371radio#updates-view {
372 -moz-image-region: rect(0px, 160px, 32px, 128px)
373}
374
375radio#installs-view {
376 -moz-image-region: rect(0px, 192px, 32px, 160px)
377}
378
379/* Update view checkbox */
380.includeUpdate {
381 -moz-user-focus: none;
382}
383
384richlistitem[selected="true"] .includeUpdate {
385 -moz-user-focus: normal;
386}