change version number to 2.0a3 for release
[themes.git] / EarlyBlue / mozapps / extensions / extensions.css
... / ...
CommitLineData
1#extensionsBox {
2 margin: 10px 10px 0px;
3 min-width: 1px;
4}
5
6#extensionsView {
7 -moz-appearance: none;
8 border: 1px inset #CCD0DD;
9 margin: 0;
10 min-width: 245px;
11}
12
13#resizerBox {
14 margin-top: -12px;
15 visibility: hidden;
16}
17
18#resizerBox > resizer {
19 height: 10px;
20 max-height: 10px;
21 visibility: visible;
22}
23
24.notification-inner {
25 border: none;
26 border-bottom: 1px solid #9999CC;
27}
28
29/* Command Bar */
30#commandBarBottom {
31 margin-top: 5px;
32 margin-bottom: 10px;
33 -moz-margin-start: 10px;
34 -moz-margin-end: 5px;
35 min-width: 1px;
36}
37
38#commandBarBottom button {
39 margin: 0;
40 -moz-margin-end: 5px;
41}
42
43/* List Items */
44richlistitem {
45 padding-top: 6px;
46 padding-bottom: 6px;
47 -moz-padding-start: 7px;
48 -moz-padding-end: 7px;
49 min-height: 25px;
50 border-bottom: 1px dotted #666699;
51}
52
53richlistitem[isDisabled="true"] .addonIcon {
54 opacity: 0.3;
55}
56
57richlistitem[isDisabled="true"] {
58 color: #808080;
59}
60
61richlistitem[newAddon="true"] {
62 background-color: #FFFFCC;
63 color: #000000;
64}
65
66richlistitem[selected="true"] {
67 background-color: #CCD0DD;
68 color: #000000;
69}
70
71richlistitem[selected="true"] .text-link {
72 color: inherit;
73}
74
75#extensionsView:focus > richlistitem[selected="true"] {
76 background-color: #336699;
77 color: #FFFFFF;
78}
79
80#extensionsView:focus > richlistitem[selected="true"][isDisabled="true"] {
81 background-color: #666699;
82 color: #FFFFFF;
83}
84
85.descriptionWrap {
86 margin-bottom: 2px;
87}
88
89richlistitem[selected="true"]:not([opType]) .descriptionCrop {
90 display: none;
91}
92
93.addonName {
94 font-weight: bold;
95}
96
97.previewText {
98 font-size: larger;
99 font-weight: bold;
100 color: #000000;
101 text-align: center;
102}
103
104#themePreviewArea {
105 border: 1px inset #CCD0DD;
106 background-color: #FFFFFF;
107 color: #000000;
108 min-width: 65px;
109 overflow: auto;
110}
111
112#previewImageDeck {
113 min-width: 220px;
114}
115
116#themeSplitter {
117 border-width: 0;
118}
119
120.addonIcon {
121 -moz-margin-end: 2px;
122 width: 32px;
123 height: 32px;
124}
125
126.addonIcon > image {
127 max-width: 32px;
128 max-height: 32px;
129}
130
131.updateBadge,
132.notifyBadge {
133 width: 16px;
134 height: 16px;
135 margin-bottom: -3px;
136 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
137}
138
139richlistitem .updateBadge {
140 -moz-margin-end: -2px;
141}
142
143richlistitem .notifyBadge {
144 -moz-margin-start: -2px;
145}
146
147.updateBadge,
148.updateAvailableBox,
149.notifyBadge {
150 display: none;
151}
152
153richlistitem[availableUpdateURL][updateable="true"] .updateBadge,
154richlistitem[availableUpdateURL][updateable="true"] .updateAvailableBox,
155richlistitem[compatible="false"] .notifyBadge,
156richlistitem[providesUpdatesSecurely="false"] .notifyBadge,
157richlistitem[blocklisted="true"] .notifyBadge,
158richlistitem[blocklistedsoft="true"] .notifyBadge,
159richlistitem[satisfiesDependencies="false"] .notifyBadge {
160 display: -moz-box;
161}
162
163
164/* Selected Add-on buttons
165 See content/extensions.css to hide / display buttons */
166.selectedButtons {
167 margin-top: 4px;
168 min-height: 2.1em;
169}
170
171.selectedButtons > button {
172 margin-top: 0;
173 margin-bottom: 0;
174}
175
176.enableButton,
177.disableButton,
178.optionsButton,
179.useThemeButton {
180 -moz-margin-end: 0;
181}
182
183.enableButton, .disableButton,
184.uninstallButton, .cancelUninstallButton {
185 -moz-margin-start: 5px;
186}
187
188/* Selected Add-on status messages and images */
189richlistitem[compatible="true"] .incompatibleBox,
190richlistitem[providesUpdatesSecurely="true"] .insecureUpdateBox,
191richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
192richlistitem:not([blocklisted="true"]):not([blocklistedsoft="true"]) .blocklistedBox,
193richlistitem[blocklistedsoft="false"]:not([selected="true"]) .blocklistedBox,
194richlistitem[blocklisted="false"] .blocklistedLabel,
195richlistitem[blocklistedsoft="false"] .softBlocklistedLabel,
196richlistitem[opType="needs-uninstall"] .blocklistedBox,
197richlistitem[opType="needs-uninstall"] .incompatibleBox,
198richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
199richlistitem[opType="needs-uninstall"] .blocklistedBox {
200 display: none;
201}
202
203richlistitem[loading="true"] .updateBadge {
204 display: -moz-box;
205 width: 16px;
206 height: 16px;
207 margin-bottom: -3px;
208 -moz-margin-end: -2px;
209 list-style-image: url("chrome://global/skin/icons/loading.gif");
210 -moz-image-region: auto;
211}
212
213.addonThrobber {
214 -moz-margin-start: 5px;
215 width: 16px;
216 height: 16px;
217 list-style-image: url("chrome://global/skin/icons/loading.gif");
218}
219
220.selectedStatusMsgs > hbox {
221 margin-top: 2px;
222 margin-bottom: 2px;
223}
224
225.selectedStatusMsgs label {
226 font-weight: bold;
227}
228
229.selectedStatusMsgs label.text-link {
230 font-weight: normal;
231 border: none;
232}
233
234richlistitem[opType="needs-uninstall"] .notifyBadge {
235 display: none;
236}
237
238.addon-search-details {
239 margin-top: 5px;
240 margin-bottom: 5px;
241 -moz-margin-start: 6px;
242 -moz-margin-end: 0;
243}
244
245.addonThumbnailContainer {
246 background-color: #CCD0DD;
247 padding: 5px;
248 border: 1px solid #9999CC;
249 width: 135px;
250 min-height: 104px;
251 -moz-margin-end: 5px;
252}
253
254.addonMissingThumbnail {
255 color: GrayText;
256 font-size: larger;
257 font-weight: bold;
258}
259
260.addonFailure {
261 width: 16px;
262 height: 16px;
263 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
264}
265
266.addonRating {
267 display: none;
268}
269
270.addonLearnMore {
271 margin-top: 4px;
272 margin-bottom: 4px;
273}
274
275.addonRating[rating] {
276 display: -moz-box;
277 width: 68px;
278 height: 12px;
279 list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
280}
281
282.addonRating[rating="0"] {
283 -moz-image-region: rect(0px 68px 12px 0px);
284}
285
286.addonRating[rating="1"] {
287 -moz-image-region: rect(12px 68px 24px 0px);
288}
289
290.addonRating[rating="2"] {
291 -moz-image-region: rect(24px 68px 36px 0px);
292}
293
294.addonRating[rating="3"] {
295 -moz-image-region: rect(36px 68px 48px 0px);
296}
297
298.addonRating[rating="4"] {
299 -moz-image-region: rect(48px 68px 60px 0px);
300}
301
302.addonRating[rating="5"] {
303 -moz-image-region: rect(60px 68px 72px 0px);
304}
305
306.addonType image {
307 -moz-margin-start: 6px;
308 list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
309 width: 16px;
310 height: 16px;
311}
312
313.addonTypeExtension image {
314 -moz-image-region: rect(0px 16px 16px 0px);
315}
316
317.addonTypeTheme image {
318 -moz-image-region: rect(0px 32px 16px 16px);
319}
320
321vbox[typeName="status"][type="search-failure"],
322vbox[typeName="status"][type="recommended-failure"],
323vbox[typeName="status"][type="message-norecommended"],
324vbox[typeName="status"][type="message-nosearchresults"],
325vbox[typeName="status"][type="retrieve-search"],
326vbox[typeName="status"][type="retrieve-recommended"] {
327 margin-top: 2em;
328}
329
330vbox[typeName="status"][type="footer-recommended"],
331vbox[typeName="status"][type="footer-search"] {
332 margin-top: 1em;
333}
334
335vbox[typeName="status"][type="header-recommended"] {
336 font-size: 150%;
337 background: #CCD0DD;
338}
339
340#searchbox {
341 padding: 0;
342}
343
344#progressBox {
345 padding: 5px;
346}
347
348#progressBox > hbox {
349 -moz-box-align: center;
350}
351
352/* View buttons */
353.viewSelector {
354 border-bottom: 1px solid #9999CC;
355 margin: 0px;
356 -moz-padding-start: 10px;
357 background-color: #CCD0DD;
358 color: #000000;
359}
360
361#viewGroup radio {
362 margin: 0px;
363 padding: 1px 3px;
364 min-width: 4.5em;
365 list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
366 border: 1px solid transparent;
367}
368
369#viewGroup radio:hover {
370 border: 1px outset #CCD0DD;
371}
372
373#viewGroup radio[selected="true"] {
374 border: 1px inset #CCD0DD;
375 background-color: #DDDDDD;
376}
377
378.viewButtonIcon {
379 width: 32px;
380 height: 32px;
381}
382
383radio#extensions-view {
384 -moz-image-region: rect(0px, 32px, 32px, 0px)
385}
386
387radio#themes-view {
388 -moz-image-region: rect(0px, 64px, 32px, 32px)
389}
390
391radio#locales-view {
392 -moz-image-region: rect(0px, 96px, 32px, 64px)
393}
394
395radio#plugins-view {
396 -moz-image-region: rect(0px, 128px, 32px, 96px)
397}
398
399radio#updates-view {
400 -moz-image-region: rect(0px, 160px, 32px, 128px)
401}
402
403radio#installs-view {
404 -moz-image-region: rect(0px, 192px, 32px, 160px)
405}
406
407radio#search-view {
408 -moz-image-region: rect(0px, 224px, 32px, 192px)
409}
410
411/* Update view checkbox */
412.includeUpdate {
413 -moz-user-focus: none;
414}
415
416richlistitem[selected="true"] .includeUpdate {
417 -moz-user-focus: normal;
418}
419
420#infoDisplay {
421 overflow-y: auto;
422}
423
424#infoDisplay body {
425 padding: 5px;
426}
427
428#infoDisplay h1,
429#infoDisplay h2,
430#infoDisplay h3 {
431 text-align: left;
432 font-weight: bold;
433 margin: 0 0 0.7em;
434}
435
436#infoDisplay h1 {
437 font-size: 150%;
438}
439
440#infoDisplay h2 {
441 font-size: 125%;
442}
443
444#infoDisplay h3 {
445 font-size: 100%;
446}
447
448#infoDisplay ol,
449#infoDisplay ul {
450 margin: 0 0 0.7em;
451}
452
453#infoDisplay li {
454 text-align: left;
455}
456
457#infoDisplay p {
458 text-align: justify;
459 margin: 0 0 0.7em;
460}