update both themes to toolkit winstripe changes up to 2010-04-12 and try to get resiz...
[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
3b1530c2
RK
131richlistitem[plugin] .addonIcon > image {
132 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
133}
134
135richlistitem[lwtheme] .addonIcon > image {
136 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
137}
138
ecb2fda9
RK
139.updateBadge,
140.notifyBadge {
49037d9b
RK
141 width: 16px;
142 height: 16px;
49037d9b 143 margin-bottom: -3px;
ecb2fda9 144 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
49037d9b
RK
145}
146
147richlistitem .updateBadge {
148 -moz-margin-end: -2px;
149}
150
151richlistitem .notifyBadge {
152 -moz-margin-start: -2px;
153}
154
ecb2fda9
RK
155/* Selected Add-on buttons
156 See content/extensions.css to hide / display buttons */
49037d9b
RK
157.selectedButtons {
158 margin-top: 4px;
159 min-height: 2.1em;
160}
161
ecb2fda9 162.selectedButtons > button {
49037d9b
RK
163 margin-top: 0;
164 margin-bottom: 0;
165}
166
ecb2fda9
RK
167.enableButton,
168.disableButton,
169.optionsButton,
170.useThemeButton {
49037d9b
RK
171 -moz-margin-end: 0;
172}
173
ecb2fda9 174.enableButton, .disableButton,
49037d9b
RK
175.uninstallButton, .cancelUninstallButton {
176 -moz-margin-start: 5px;
177}
178
49037d9b 179richlistitem[loading="true"] .updateBadge {
49037d9b
RK
180 width: 16px;
181 height: 16px;
182 margin-bottom: -3px;
183 -moz-margin-end: -2px;
184 list-style-image: url("chrome://global/skin/icons/loading.gif");
185 -moz-image-region: auto;
186}
187
188.addonThrobber {
189 -moz-margin-start: 5px;
190 width: 16px;
191 height: 16px;
192 list-style-image: url("chrome://global/skin/icons/loading.gif");
193}
194
ecb2fda9 195.selectedStatusMsgs > hbox {
49037d9b
RK
196 margin-top: 2px;
197 margin-bottom: 2px;
198}
199
200.selectedStatusMsgs label {
201 font-weight: bold;
202}
203
204.selectedStatusMsgs label.text-link {
205 font-weight: normal;
206 border: none;
207}
208
559908da
RK
209.addon-search-details {
210 margin-top: 5px;
211 margin-bottom: 5px;
212 -moz-margin-start: 6px;
213 -moz-margin-end: 0;
214}
215
216.addonThumbnailContainer {
217 background-color: #CCD0DD;
218 padding: 5px;
219 border: 1px solid #9999CC;
220 width: 135px;
221 min-height: 104px;
222 -moz-margin-end: 5px;
223}
224
225.addonMissingThumbnail {
226 color: GrayText;
d0ff98fe
RK
227 font-size: larger;
228 font-weight: bold;
559908da
RK
229}
230
231.addonFailure {
232 width: 16px;
233 height: 16px;
234 list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
235}
236
559908da
RK
237.addonLearnMore {
238 margin-top: 4px;
239 margin-bottom: 4px;
240}
241
242.addonRating[rating] {
559908da
RK
243 width: 68px;
244 height: 12px;
245 list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
246}
247
248.addonRating[rating="0"] {
249 -moz-image-region: rect(0px 68px 12px 0px);
250}
251
d0ff98fe 252.addonRating[rating="1"] {
559908da
RK
253 -moz-image-region: rect(12px 68px 24px 0px);
254}
255
d0ff98fe 256.addonRating[rating="2"] {
559908da
RK
257 -moz-image-region: rect(24px 68px 36px 0px);
258}
259
d0ff98fe 260.addonRating[rating="3"] {
559908da
RK
261 -moz-image-region: rect(36px 68px 48px 0px);
262}
263
d0ff98fe 264.addonRating[rating="4"] {
559908da
RK
265 -moz-image-region: rect(48px 68px 60px 0px);
266}
267
d0ff98fe 268.addonRating[rating="5"] {
559908da
RK
269 -moz-image-region: rect(60px 68px 72px 0px);
270}
271
272.addonType image {
273 -moz-margin-start: 6px;
274 list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
275 width: 16px;
276 height: 16px;
277}
278
279.addonTypeExtension image {
280 -moz-image-region: rect(0px 16px 16px 0px);
281}
282
283.addonTypeTheme image {
284 -moz-image-region: rect(0px 32px 16px 16px);
285}
286
287vbox[typeName="status"][type="search-failure"],
288vbox[typeName="status"][type="recommended-failure"],
289vbox[typeName="status"][type="message-norecommended"],
290vbox[typeName="status"][type="message-nosearchresults"],
291vbox[typeName="status"][type="retrieve-search"],
292vbox[typeName="status"][type="retrieve-recommended"] {
293 margin-top: 2em;
294}
295
296vbox[typeName="status"][type="footer-recommended"],
297vbox[typeName="status"][type="footer-search"] {
298 margin-top: 1em;
299}
300
301vbox[typeName="status"][type="header-recommended"] {
302 font-size: 150%;
303 background: #CCD0DD;
304}
305
306#searchbox {
559908da
RK
307 padding: 0;
308}
309
49037d9b 310#progressBox {
02920d2b 311 padding: 5px;
49037d9b
RK
312}
313
314#progressBox > hbox {
315 -moz-box-align: center;
316}
317
18f5421a
RK
318/* View buttons resp. Progress box */
319#topBar {
49037d9b 320 border-bottom: 1px solid #9999CC;
49037d9b
RK
321 background-color: #CCD0DD;
322 color: #000000;
323}
324
18f5421a
RK
325#viewGroup {
326 -moz-padding-start: 10px;
327}
328
3b1530c2 329#viewGroup > radio {
559908da
RK
330 margin: 0px;
331 padding: 1px 3px;
49037d9b
RK
332 min-width: 4.5em;
333 list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
334 border: 1px solid transparent;
335}
336
3b1530c2 337#viewGroup > radio:hover {
49037d9b
RK
338 border: 1px outset #CCD0DD;
339}
340
3b1530c2 341#viewGroup > radio[selected="true"] {
49037d9b 342 border: 1px inset #CCD0DD;
559908da 343 background-color: #DDDDDD;
49037d9b
RK
344}
345
346.viewButtonIcon {
347 width: 32px;
348 height: 32px;
349}
350
351radio#extensions-view {
352 -moz-image-region: rect(0px, 32px, 32px, 0px)
353}
354
355radio#themes-view {
356 -moz-image-region: rect(0px, 64px, 32px, 32px)
357}
358
359radio#locales-view {
360 -moz-image-region: rect(0px, 96px, 32px, 64px)
361}
362
363radio#plugins-view {
364 -moz-image-region: rect(0px, 128px, 32px, 96px)
365}
366
367radio#updates-view {
368 -moz-image-region: rect(0px, 160px, 32px, 128px)
369}
370
371radio#installs-view {
372 -moz-image-region: rect(0px, 192px, 32px, 160px)
373}
374
559908da
RK
375radio#search-view {
376 -moz-image-region: rect(0px, 224px, 32px, 192px)
377}
378
49037d9b
RK
379/* Update view checkbox */
380.includeUpdate {
381 -moz-user-focus: none;
382}
383
384richlistitem[selected="true"] .includeUpdate {
385 -moz-user-focus: normal;
386}
ecb2fda9
RK
387
388#infoDisplay {
389 overflow-y: auto;
390}
391
392#infoDisplay body {
393 padding: 5px;
394}
395
396#infoDisplay h1,
397#infoDisplay h2,
398#infoDisplay h3 {
399 text-align: left;
400 font-weight: bold;
02920d2b 401 margin: 0 0 0.7em;
ecb2fda9
RK
402}
403
404#infoDisplay h1 {
405 font-size: 150%;
406}
407
408#infoDisplay h2 {
409 font-size: 125%;
410}
411
412#infoDisplay h3 {
413 font-size: 100%;
414}
415
416#infoDisplay ol,
417#infoDisplay ul {
02920d2b 418 margin: 0 0 0.7em;
ecb2fda9
RK
419}
420
421#infoDisplay li {
422 text-align: left;
423}
424
425#infoDisplay p {
426 text-align: justify;
02920d2b 427 margin: 0 0 0.7em;
ecb2fda9 428}