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