Commit | Line | Data |
---|---|---|
600bfec4 RK |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 | |
3 | * | |
4 | * The contents of this file are subject to the Mozilla Public License Version | |
5 | * 1.1 (the "License"); you may not use this file except in compliance with | |
6 | * the License. You may obtain a copy of the License at | |
7 | * http://www.mozilla.org/MPL/ | |
8 | * | |
9 | * Software distributed under the License is distributed on an "AS IS" basis, | |
10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License | |
11 | * for the specific language governing rights and limitations under the | |
12 | * License. | |
13 | * | |
14 | * The Original Code is the Extension Manager UI. | |
15 | * | |
16 | * The Initial Developer of the Original Code is | |
17 | * the Mozilla Foundation. | |
18 | * Portions created by the Initial Developer are Copyright (C) 2010 | |
19 | * the Initial Developer. All Rights Reserved. | |
20 | * | |
21 | * Contributor(s): | |
22 | * Blair McBride <bmcbride@mozilla.com> | |
23 | * | |
24 | * Alternatively, the contents of this file may be used under the terms of | |
25 | * either the GNU General Public License Version 2 or later (the "GPL"), or | |
26 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), | |
27 | * in which case the provisions of the GPL or the LGPL are applicable instead | |
28 | * of those above. If you wish to allow use of your version of this file only | |
29 | * under the terms of either the GPL or the LGPL, and not to allow others to | |
30 | * use your version of this file under the terms of the MPL, indicate your | |
31 | * decision by deleting the provisions above and replace them with the notice | |
32 | * and other provisions required by the GPL or the LGPL. If you do not delete | |
33 | * the provisions above, a recipient may use your version of this file under | |
34 | * the terms of any one of the MPL, the GPL or the LGPL. | |
35 | * | |
36 | * ***** END LICENSE BLOCK ***** */ | |
37 | ||
706c344c RK |
38 | #addons-page { |
39 | background-color: #CCD0DD; | |
40 | margin: 20px; | |
49037d9b RK |
41 | } |
42 | ||
706c344c | 43 | #view-port { |
600bfec4 | 44 | background-color: #FFFFFF; |
706c344c | 45 | border: 1px solid #666699; |
600bfec4 RK |
46 | } |
47 | ||
569543b3 RK |
48 | /*** global warnings ***/ |
49 | ||
50 | .global-warning { | |
51 | -moz-box-align: center; | |
52 | padding: 0 8px; | |
53 | color: #000000; | |
54 | font-weight: bold; | |
55 | } | |
56 | ||
57 | #addons-page[warning] .global-warning-container { | |
58 | background-color: #FFFFCC; | |
59 | } | |
60 | ||
61 | #detail-view .global-warning { | |
62 | padding: 4px 12px; | |
63 | border-bottom: 1px solid #9999CC; | |
64 | } | |
65 | ||
66 | /*** notification icons ***/ | |
67 | ||
68 | .warning-icon { | |
69 | list-style-image: url("chrome://global/skin/icons/warning-16.png"); | |
70 | width: 16px; | |
71 | height: 16px; | |
72 | margin: 3px 0; | |
73 | } | |
74 | ||
75 | .error-icon { | |
76 | list-style-image: url("chrome://global/skin/icons/error-16.png"); | |
77 | width: 16px; | |
78 | height: 16px; | |
79 | margin: 3px 0; | |
80 | } | |
81 | ||
82 | .pending-icon, | |
83 | .info-icon { | |
84 | list-style-image: url("chrome://global/skin/icons/information-16.png"); | |
85 | width: 16px; | |
86 | height: 16px; | |
87 | margin: 3px 0; | |
88 | } | |
600bfec4 RK |
89 | |
90 | /*** category selector ***/ | |
91 | ||
92 | #categories { | |
93 | -moz-appearance: none; | |
94 | border: none; | |
706c344c RK |
95 | -moz-margin-end: -1px; |
96 | background-color: transparent; | |
97 | position: relative; | |
600bfec4 RK |
98 | } |
99 | ||
100 | .category { | |
706c344c RK |
101 | border-width: 1px; |
102 | -moz-border-end-width: 0; | |
103 | border-style: solid; | |
104 | border-color: transparent; | |
600bfec4 RK |
105 | padding: 10px 4px; |
106 | -moz-box-align: center; | |
107 | overflow: hidden; | |
108 | min-height: 0px; | |
109 | } | |
110 | ||
111 | .category[disabled] { | |
112 | height: 0px; | |
113 | opacity: 0; | |
114 | -moz-transition-property: height, opacity; | |
115 | -moz-transition-duration: 1s, 0.8s; | |
116 | } | |
117 | ||
118 | .category:not([disabled]) { | |
119 | height: 52px; | |
120 | -moz-transition-property: height, opacity; | |
121 | -moz-transition-duration: 1s, 0.8s; | |
122 | } | |
123 | ||
124 | .category[selected] { | |
706c344c | 125 | background-color: #FFFFFF; |
600bfec4 | 126 | color: #000000; |
706c344c | 127 | border-color: #666699; |
600bfec4 RK |
128 | } |
129 | ||
130 | .category-name { | |
131 | font-size: 150%; | |
49037d9b RK |
132 | } |
133 | ||
600bfec4 RK |
134 | .category-badge { |
135 | background-color: #666699; | |
136 | padding: 2px 8px; | |
137 | margin: 6px 0px; | |
138 | border: 1px outset #666699; | |
600bfec4 RK |
139 | color: #FFFFFF; |
140 | font-weight: bold; | |
141 | text-align: center; | |
142 | } | |
143 | ||
144 | .category-badge[value="0"] { | |
ecb2fda9 | 145 | visibility: hidden; |
49037d9b RK |
146 | } |
147 | ||
600bfec4 RK |
148 | .category-icon { |
149 | width: 32px; | |
150 | height: 32px; | |
151 | -moz-margin-start: 6px; | |
152 | } | |
153 | ||
154 | #category-search > .category-icon { | |
155 | list-style-image: url("chrome://mozapps/skin/extensions/category-search.png"); | |
156 | } | |
157 | #category-discover > .category-icon { | |
158 | list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); | |
159 | } | |
160 | #category-languages > .category-icon { | |
161 | list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); | |
162 | } | |
163 | #category-searchengines > .category-icon { | |
164 | list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); | |
165 | } | |
166 | #category-extensions > .category-icon { | |
167 | list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); | |
168 | } | |
169 | #category-themes > .category-icon { | |
170 | list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); | |
171 | } | |
172 | #category-plugins > .category-icon { | |
173 | list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); | |
174 | } | |
175 | ||
176 | ||
177 | /*** header ***/ | |
178 | ||
179 | #header { | |
706c344c RK |
180 | margin-bottom: 20px; |
181 | height: 2em; | |
600bfec4 RK |
182 | } |
183 | ||
184 | #header-name, #header-link { | |
185 | color: #FFFFFF; | |
186 | } | |
187 | ||
188 | #header-name { | |
189 | font-size: 180%; | |
49037d9b RK |
190 | } |
191 | ||
600bfec4 RK |
192 | #header-link { |
193 | -moz-appearance: none; | |
49037d9b | 194 | border: none; |
600bfec4 RK |
195 | background: transparent; |
196 | font-size: 120%; | |
197 | cursor: pointer; | |
198 | list-style-image: url("chrome://mozapps/skin/extensions/go-back.png"); | |
49037d9b RK |
199 | } |
200 | ||
600bfec4 RK |
201 | #header-link .button-icon { |
202 | -moz-margin-end: 6px; | |
1e140ad9 RK |
203 | } |
204 | ||
3327253e RK |
205 | #header-searching { |
206 | list-style-image: url("chrome://global/skin/icons/loading.gif"); | |
207 | } | |
208 | ||
600bfec4 | 209 | .view-header { |
600bfec4 RK |
210 | padding: 4px; |
211 | margin: 0px; | |
212 | border-bottom: 1px solid #666699; | |
213 | } | |
214 | ||
215 | ||
216 | /*** sorters ***/ | |
217 | ||
218 | .sort-controls { | |
219 | -moz-appearance: none; | |
49037d9b RK |
220 | } |
221 | ||
600bfec4 RK |
222 | .sorter { |
223 | -moz-appearance: none; | |
224 | border: none; | |
225 | background-color: transparent; | |
600bfec4 RK |
226 | padding: 0px 6px; |
227 | margin: 0px 6px; | |
228 | min-width: 12px !important; | |
229 | -moz-box-direction: reverse; | |
49037d9b RK |
230 | } |
231 | ||
600bfec4 RK |
232 | .sorter[checkState="1"], |
233 | .sorter[checkState="2"] { | |
234 | background-color: #666699; | |
49037d9b RK |
235 | } |
236 | ||
600bfec4 RK |
237 | .sorter[checkState="1"] { |
238 | list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); | |
49037d9b RK |
239 | } |
240 | ||
600bfec4 RK |
241 | .sorter[checkState="2"] { |
242 | list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
49037d9b RK |
243 | } |
244 | ||
600bfec4 RK |
245 | .sorter .button-icon { |
246 | -moz-margin-start: 4px; | |
247 | } | |
248 | ||
249 | ||
250 | /*** empty list notification ***/ | |
251 | ||
252 | .empty-list-notice { | |
253 | -moz-box-align: center; | |
d0ff98fe RK |
254 | } |
255 | ||
600bfec4 RK |
256 | .empty-list-notice > button { |
257 | margin: 20px; | |
258 | } | |
259 | ||
260 | ||
261 | /*** list ***/ | |
262 | ||
263 | .list { | |
600bfec4 RK |
264 | margin: 0px; |
265 | border: none; | |
706c344c | 266 | background-color: transparent; |
600bfec4 RK |
267 | } |
268 | ||
706c344c RK |
269 | .addon { |
270 | border-bottom: 1px solid #9999CC; | |
271 | padding: 5px; | |
49037d9b RK |
272 | } |
273 | ||
600bfec4 RK |
274 | .addon[status="installing"] { |
275 | -moz-box-align: center; | |
49037d9b RK |
276 | } |
277 | ||
706c344c | 278 | .details { |
600bfec4 | 279 | cursor: pointer; |
706c344c RK |
280 | margin: 0; |
281 | -moz-margin-start: 10px; | |
570c53ea RK |
282 | } |
283 | ||
706c344c RK |
284 | .icon-container { |
285 | width: 48px; | |
286 | height: 48px; | |
287 | margin: 7px; | |
600bfec4 RK |
288 | } |
289 | ||
706c344c | 290 | .icon { |
d15f39a1 | 291 | list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); |
706c344c RK |
292 | max-width: 48px; |
293 | max-height: 48px; | |
3b1530c2 RK |
294 | } |
295 | ||
569543b3 | 296 | .addon-view[type="theme"] .icon { |
3b1530c2 RK |
297 | list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); |
298 | } | |
299 | ||
569543b3 | 300 | .addon-view[type="locale"] .icon { |
d15f39a1 RK |
301 | list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); |
302 | } | |
303 | ||
569543b3 | 304 | .addon-view[type="plugin"] .icon { |
600bfec4 | 305 | list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); |
49037d9b RK |
306 | } |
307 | ||
569543b3 | 308 | .name-container { |
600bfec4 RK |
309 | font-size: 150%; |
310 | margin-bottom: 0px; | |
49037d9b RK |
311 | } |
312 | ||
706c344c | 313 | .description-container { |
600bfec4 RK |
314 | margin-top: 8px; |
315 | -moz-margin-start: 6px; | |
49037d9b RK |
316 | } |
317 | ||
706c344c RK |
318 | .description { |
319 | margin: 0; | |
320 | } | |
321 | ||
322 | .warning, .pending, .error, .info { | |
323 | -moz-margin-start: 48px; | |
324 | } | |
325 | ||
569543b3 | 326 | .addon-view:not([selected]) .warning { |
706c344c RK |
327 | color: #808000; |
328 | } | |
329 | ||
569543b3 | 330 | .addon-view:not([selected]) .error { |
600bfec4 | 331 | color: #FF0000; |
706c344c RK |
332 | } |
333 | ||
569543b3 | 334 | .addon-view:not([selected]) .pending { |
706c344c | 335 | color: #33FF33; |
49037d9b RK |
336 | } |
337 | ||
569543b3 | 338 | .addon-view[notification="warning"] { |
706c344c RK |
339 | background-color : #FFFFCC; |
340 | } | |
341 | ||
569543b3 | 342 | .addon-view[notification="error"] { |
706c344c RK |
343 | background-color: #FFD0DD; |
344 | } | |
345 | ||
569543b3 | 346 | .addon-view[notification="info"] { |
706c344c | 347 | background-color: #9999CC; |
49037d9b RK |
348 | } |
349 | ||
569543b3 RK |
350 | .addon-view[pending="enable"], |
351 | .addon-view[pending="upgrade"], | |
352 | .addon-view[pending="install"] { | |
706c344c | 353 | background-color: #CCFFDD; |
49037d9b RK |
354 | } |
355 | ||
569543b3 RK |
356 | .addon-view[pending="disable"], |
357 | .addon-view[pending="uninstall"] { | |
706c344c RK |
358 | background-color: #808080; |
359 | } | |
360 | ||
600bfec4 RK |
361 | /*** item - uninstalled ***/ |
362 | ||
363 | .addon[status="uninstalled"] { | |
49037d9b RK |
364 | border: none; |
365 | } | |
366 | ||
600bfec4 RK |
367 | .addon[status="uninstalled"] > .container { |
368 | -moz-box-align: center; | |
369 | padding: 4px 20px; | |
370 | background-color: #808080; | |
569543b3 | 371 | border-radius: 8px; |
600bfec4 | 372 | font-size: 120%; |
559908da RK |
373 | } |
374 | ||
600bfec4 RK |
375 | .addon[status="uninstalled"][selected] { |
376 | background-color: transparent; | |
559908da RK |
377 | } |
378 | ||
559908da | 379 | |
600bfec4 RK |
380 | /*** search view ***/ |
381 | ||
706c344c RK |
382 | #search-filter { |
383 | padding: 5px 20px; | |
600bfec4 RK |
384 | -moz-box-align: center; |
385 | background-color: #FFFFFF; | |
386 | font-size: 120%; | |
559908da RK |
387 | } |
388 | ||
706c344c RK |
389 | #search-filter-label { |
390 | font-weight: bold; | |
391 | color: #808080; | |
392 | } | |
393 | ||
394 | .search-filter-radio { | |
395 | -moz-appearance: none; | |
396 | padding: 0px 6px; | |
397 | margin: 0px 3px; | |
569543b3 | 398 | border-radius: 10000px; |
706c344c RK |
399 | } |
400 | ||
401 | .search-filter-radio[selected] { | |
402 | background-color: #3366699; | |
403 | color: #000000; | |
404 | } | |
405 | ||
406 | .search-filter-radio .radio-check-box1 { | |
407 | display: none; | |
408 | } | |
409 | ||
410 | .search-filter-radio .radio-icon { | |
411 | display: none; | |
412 | } | |
600bfec4 RK |
413 | |
414 | /*** detail view ***/ | |
415 | ||
416 | #detail-view[active="false"] .fade { | |
417 | opacity: 0.5; | |
559908da RK |
418 | } |
419 | ||
569543b3 | 420 | #detail-view .loading { |
600bfec4 | 421 | opacity: 0; |
559908da RK |
422 | } |
423 | ||
569543b3 | 424 | #detail-view:not([loading]) .loading { |
600bfec4 | 425 | visibility: collapse; |
559908da RK |
426 | } |
427 | ||
569543b3 | 428 | #detail-view[loading-extended] .loading { |
600bfec4 RK |
429 | -moz-box-align: center; |
430 | -moz-box-pack: center; | |
431 | opacity: 1; | |
432 | -moz-transition-property: opacity; | |
433 | -moz-transition-duration: 1s; | |
559908da RK |
434 | } |
435 | ||
569543b3 | 436 | #detail-view .loading > image { |
600bfec4 | 437 | list-style-image: url("chrome://global/skin/icons/loading.gif"); |
559908da RK |
438 | } |
439 | ||
600bfec4 RK |
440 | .detail-view-container { |
441 | overflow: auto; | |
569543b3 RK |
442 | padding: 2em; |
443 | font-size: 110%; | |
559908da RK |
444 | } |
445 | ||
569543b3 RK |
446 | #detail-notifications { |
447 | margin-bottom: 2em; | |
559908da RK |
448 | } |
449 | ||
569543b3 RK |
450 | #detail-notifications .warning, |
451 | #detail-notifications .pending, | |
452 | #detail-notifications .error, | |
453 | #detail-notifications .info { | |
454 | -moz-margin-start: 0; | |
559908da RK |
455 | } |
456 | ||
600bfec4 | 457 | #detail-icon { |
600bfec4 | 458 | -moz-margin-end: 10px; |
559908da RK |
459 | } |
460 | ||
569543b3 RK |
461 | #detail-summary { |
462 | margin-bottom: 2em; | |
559908da RK |
463 | } |
464 | ||
569543b3 RK |
465 | #detail-name-container { |
466 | font-size: 200%; | |
d15f39a1 RK |
467 | } |
468 | ||
569543b3 RK |
469 | #detail-screenshot { |
470 | -moz-margin-end: 2em; | |
559908da RK |
471 | } |
472 | ||
569543b3 RK |
473 | #detail-desc-container { |
474 | margin-bottom: 2em; | |
475 | /* This is necessary to fix layout issues with multi-line descriptions, see | |
476 | bug 592712*/ | |
477 | outline: solid transparent; | |
559908da RK |
478 | } |
479 | ||
569543b3 RK |
480 | #detail-desc { |
481 | -moz-margin-start: 6px; | |
482 | white-space: pre-wrap; | |
559908da RK |
483 | } |
484 | ||
569543b3 RK |
485 | #detail-contributions { |
486 | border-radius: 5px; | |
487 | border: 1px solid #666699; | |
488 | margin-bottom: 2em; | |
489 | padding: 1em; | |
490 | background: #FFFFCC; | |
559908da RK |
491 | } |
492 | ||
569543b3 RK |
493 | #detail-contrib-description { |
494 | font-style: italic; | |
495 | margin-bottom: 1em; | |
496 | } | |
497 | ||
498 | #detail-contrib-suggested { | |
499 | color: grey; | |
500 | } | |
501 | ||
502 | #detail-contrib-button { | |
503 | list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); | |
504 | } | |
505 | ||
506 | #detail-contrib-button .button-icon { | |
507 | -moz-margin-end: 3px; | |
49037d9b RK |
508 | } |
509 | ||
569543b3 RK |
510 | #detail-grid { |
511 | margin-bottom: 2em; | |
512 | } | |
513 | ||
514 | .detail-row, | |
515 | .detail-row-complex { | |
516 | border-bottom: 1px solid #808080; | |
49037d9b | 517 | -moz-box-align: center; |
569543b3 RK |
518 | } |
519 | ||
520 | .detail-row-value { | |
521 | -moz-margin-start: 0; | |
49037d9b RK |
522 | } |
523 | ||
600bfec4 RK |
524 | |
525 | /*** creator ***/ | |
526 | ||
527 | .creator > label { | |
528 | -moz-margin-start: 0px; | |
529 | -moz-margin-end: 0px; | |
49037d9b RK |
530 | } |
531 | ||
600bfec4 RK |
532 | .creator > .text-link { |
533 | margin-top: 1px; | |
534 | margin-bottom: 1px; | |
18f5421a RK |
535 | } |
536 | ||
600bfec4 RK |
537 | |
538 | /*** rating ***/ | |
539 | ||
540 | .meta-rating { | |
541 | -moz-margin-start: 0px; | |
542 | -moz-margin-end: 0px; | |
543 | vertical-align: text-top; | |
49037d9b RK |
544 | } |
545 | ||
600bfec4 RK |
546 | .meta-rating[showrating="average"] > .star { |
547 | list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); | |
548 | padding: 0px 1px; | |
49037d9b RK |
549 | } |
550 | ||
600bfec4 RK |
551 | .meta-rating[showrating="user"] > .star { |
552 | list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); | |
553 | padding: 2px 3px; | |
49037d9b RK |
554 | } |
555 | ||
600bfec4 RK |
556 | .meta-rating > .star[on="true"], |
557 | .meta-rating[showrating="user"] > .star[hover] { | |
558 | list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); | |
559 | padding: 0px 1px; | |
49037d9b RK |
560 | } |
561 | ||
600bfec4 RK |
562 | |
563 | /*** download progress ***/ | |
564 | ||
565 | .download-progress { | |
566 | background-color: #CCD0DD; | |
600bfec4 RK |
567 | border: 1px solid #808080; |
568 | width: 200px; | |
569 | height: 24px; | |
570 | margin: 0px 8px; | |
49037d9b RK |
571 | } |
572 | ||
600bfec4 RK |
573 | .download-progress .start-cap, |
574 | .download-progress[complete] .end-cap, | |
575 | .download-progress .progress .progress-bar { | |
576 | background-color: #336699; | |
49037d9b RK |
577 | } |
578 | ||
600bfec4 RK |
579 | .download-progress .progress { |
580 | background-color: transparent; | |
49037d9b RK |
581 | } |
582 | ||
600bfec4 RK |
583 | .download-progress .start-cap, .download-progress .end-cap { |
584 | width: 12px; | |
49037d9b RK |
585 | } |
586 | ||
941d657f RK |
587 | .download-progress .start-cap:-moz-locale-dir(ltr), |
588 | .download-progress .end-cap:-moz-locale-dir(rtl) { | |
569543b3 | 589 | border-radius: 10000px 0 0 10000px; |
49037d9b RK |
590 | } |
591 | ||
941d657f RK |
592 | .download-progress .end-cap:-moz-locale-dir(ltr), |
593 | .download-progress .start-cap:-moz-locale-dir(rtl) { | |
569543b3 | 594 | border-radius: 0 10000px 10000px 0; |
49037d9b RK |
595 | } |
596 | ||
600bfec4 RK |
597 | .download-progress .progress { |
598 | -moz-appearance: none; | |
599 | padding: 0px; | |
600 | margin: 0px; | |
601 | border: none; | |
559908da RK |
602 | } |
603 | ||
600bfec4 RK |
604 | .download-progress .pause, .download-progress .cancel { |
605 | -moz-appearance: none; | |
606 | background-color: #CCD0DD; | |
607 | border-width: 1px 0px 0px 1px; | |
941d657f | 608 | padding-right: 1px; |
600bfec4 | 609 | border-style: solid; |
4c18c82c RK |
610 | -moz-border-top-colors: #FFFFFF; |
611 | -moz-border-left-colors: #FFFFFF; | |
600bfec4 RK |
612 | min-width: 16px; |
613 | width: 16px; | |
614 | height: 16px; | |
615 | margin: 3px; | |
49037d9b RK |
616 | } |
617 | ||
d15f39a1 RK |
618 | .download-progress .pause { |
619 | list-style-image: url('chrome://mozapps/skin/extensions/pause.png'); | |
620 | } | |
621 | ||
622 | .download-progress .cancel { | |
623 | list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); | |
624 | } | |
625 | ||
600bfec4 RK |
626 | .download-progress .status-container { |
627 | -moz-box-align: center; | |
49037d9b | 628 | } |
ecb2fda9 | 629 | |
600bfec4 RK |
630 | |
631 | /*** install status ***/ | |
632 | ||
633 | .install-status { | |
634 | -moz-box-align: center; | |
ecb2fda9 RK |
635 | } |
636 | ||
600bfec4 RK |
637 | |
638 | /*** check for updates ***/ | |
639 | ||
640 | #updates-container { | |
641 | -moz-box-align: center; | |
ecb2fda9 RK |
642 | } |
643 | ||
600bfec4 RK |
644 | #updates-installed, #updates-downloaded { |
645 | color: #00CC00; | |
ecb2fda9 | 646 | font-weight: bold; |
ecb2fda9 RK |
647 | } |
648 | ||
569543b3 RK |
649 | #update-selected { |
650 | margin: 12px; | |
ecb2fda9 RK |
651 | } |
652 | ||
569543b3 | 653 | /*** buttons ***/ |
ecb2fda9 | 654 | |
600bfec4 RK |
655 | .button-link { |
656 | background: transparent; | |
657 | border: none; | |
658 | text-decoration: underline; | |
7966b7cf | 659 | color: #CCCCFF; |
600bfec4 RK |
660 | cursor: pointer; |
661 | min-width: 0; | |
706c344c | 662 | margin: 0 6px; |
ecb2fda9 | 663 | } |