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