Commit | Line | Data |
---|---|---|
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 */ |
48 | richlistitem { | |
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 | ||
57 | richlistitem[isDisabled="true"] .addonIcon { | |
58 | opacity: 0.3; | |
59 | } | |
60 | ||
61 | richlistitem[isDisabled="true"] { | |
62 | color: #808080; | |
63 | } | |
64 | ||
d0ff98fe RK |
65 | richlistitem[newAddon="true"] { |
66 | background-color: #FFFFCC; | |
67 | color: #000000; | |
68 | } | |
69 | ||
49037d9b RK |
70 | richlistitem[selected="true"] { |
71 | background-color: #CCD0DD; | |
72 | color: #000000; | |
73 | } | |
74 | ||
d0ff98fe RK |
75 | richlistitem[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 |
131 | richlistitem[plugin] .addonIcon > image { |
132 | list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); | |
133 | } | |
134 | ||
135 | richlistitem[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 | ||
147 | richlistitem .updateBadge { | |
148 | -moz-margin-end: -2px; | |
149 | } | |
150 | ||
151 | richlistitem .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 | 179 | richlistitem[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 | ||
287 | vbox[typeName="status"][type="search-failure"], | |
288 | vbox[typeName="status"][type="recommended-failure"], | |
289 | vbox[typeName="status"][type="message-norecommended"], | |
290 | vbox[typeName="status"][type="message-nosearchresults"], | |
291 | vbox[typeName="status"][type="retrieve-search"], | |
292 | vbox[typeName="status"][type="retrieve-recommended"] { | |
293 | margin-top: 2em; | |
294 | } | |
295 | ||
296 | vbox[typeName="status"][type="footer-recommended"], | |
297 | vbox[typeName="status"][type="footer-search"] { | |
298 | margin-top: 1em; | |
299 | } | |
300 | ||
301 | vbox[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 | ||
351 | radio#extensions-view { | |
352 | -moz-image-region: rect(0px, 32px, 32px, 0px) | |
353 | } | |
354 | ||
355 | radio#themes-view { | |
356 | -moz-image-region: rect(0px, 64px, 32px, 32px) | |
357 | } | |
358 | ||
359 | radio#locales-view { | |
360 | -moz-image-region: rect(0px, 96px, 32px, 64px) | |
361 | } | |
362 | ||
363 | radio#plugins-view { | |
364 | -moz-image-region: rect(0px, 128px, 32px, 96px) | |
365 | } | |
366 | ||
367 | radio#updates-view { | |
368 | -moz-image-region: rect(0px, 160px, 32px, 128px) | |
369 | } | |
370 | ||
371 | radio#installs-view { | |
372 | -moz-image-region: rect(0px, 192px, 32px, 160px) | |
373 | } | |
374 | ||
559908da RK |
375 | radio#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 | ||
384 | richlistitem[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 | } |