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