1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
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/
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
14 * The Original Code is the Extension Manager UI.
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.
22 * Blair McBride <bmcbride@mozilla.com>
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.
36 * ***** END LICENSE BLOCK ***** */
40 -moz-appearance: none;
42 -moz-border-start: 1px solid #666699;
43 background-color: transparent;
44 background-image: none;
49 background-color: #FFFFFF;
53 /*** category selector ***/
56 -moz-appearance: none;
63 -moz-appearance: none;
65 -moz-box-align: center;
73 -moz-transition-property: height, opacity;
74 -moz-transition-duration: 1s, 0.8s;
77 .category:not([disabled]) {
79 -moz-transition-property: height, opacity;
80 -moz-transition-duration: 1s, 0.8s;
84 background-color: #9999CC;
93 background-color: #666699;
96 border: 1px outset #666699;
97 /* -moz-border-radius: 100%; */
103 .category-badge[value="0"] {
110 -moz-margin-start: 6px;
113 #category-search > .category-icon {
114 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
116 #category-discover > .category-icon {
117 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
119 #category-languages > .category-icon {
120 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
122 #category-searchengines > .category-icon {
123 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
125 #category-extensions > .category-icon {
126 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
128 #category-themes > .category-icon {
129 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
131 #category-plugins > .category-icon {
132 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
139 background-color: #666699;
140 border: 1px inset #666699;
143 -moz-box-align: center;
147 #header-name, #header-link {
156 -moz-appearance: none;
158 background: transparent;
161 list-style-image: url("chrome://mozapps/skin/extensions/go-back.png");
164 #header-link .button-icon {
165 -moz-margin-end: 6px;
172 border-bottom: 1px solid #666699;
179 -moz-appearance: none;
183 -moz-appearance: none;
185 background-color: transparent;
186 /* -moz-border-radius: 100%; */
189 min-width: 12px !important;
190 -moz-box-direction: reverse;
193 .sorter[checkState="1"],
194 .sorter[checkState="2"] {
195 background-color: #666699;
198 .sorter[checkState="1"] {
199 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
202 .sorter[checkState="2"] {
203 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
206 .sorter .button-icon {
207 -moz-margin-start: 4px;
211 /*** empty list notification ***/
214 -moz-box-align: center;
217 .empty-list-notice > button {
225 -moz-appearance: none;
230 .addon[status="installed"], .addon[status="installing"] {
231 background-color: #CCD0DD;
232 /* -moz-border-radius: 10px; */
233 border: 1px solid #9999CC;
238 .addon[status="installing"] {
239 -moz-box-align: center;
240 border-color: #336699;
243 .addon[selected]:not([status="uninstalled"]) {
249 .addon[status="installed"][selected]:not([pending="true"]) {
254 .addon[status="installed"][active="false"] .fade {
258 .addon[status="installed"][pending="true"] {
263 /* color: -moz-dialogtext; */
266 .addon[selected] .text-link {
267 /* color: -moz-nativehyperlinktext; */
270 .addon .toggle-more {
271 /* -moz-border-radius: 100%; */
274 min-width: 12px !important;
275 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
276 -moz-box-direction: reverse;
277 border: 1px solid transparent;
278 background: transparent;
282 .addon .toggle-more > .button-box > .button-icon {
283 -moz-padding-start: 4px;
286 .addon[show-extra] .toggle-more {
287 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
290 .addon .toggle-more:hover {
291 background-color: #CCD0DD;
292 border: 1px outset #CCD0DD;
295 .addon[selected] .toggle-more:hover {
296 background-color: #CCD0DD;
297 border: 1px outset #CCD0DD;
300 .addon .extra-details {
305 -moz-transition-property: height, opacity;
306 -moz-transition-duration: 0.5s, 0.5s;
309 .addon[show-extra] .extra-details {
311 -moz-transition-property: height, opacity;
312 -moz-transition-duration: 0.5s, 0.5s;
319 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
322 .addon[type="theme"] .icon {
323 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
326 .addon[type="locale"] .icon {
327 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
330 .addon[type="plugin"] .icon {
331 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
334 .addon .name-container {
344 .addon .disabled-postfix {
348 .addon .description {
350 -moz-margin-start: 6px;
355 -moz-box-align: start;
358 .addon .warning-icon {
360 list-style-image: url("chrome://global/skin/icons/warning-16.png");
363 .addon[selected] .warning-icon {
367 .addon .details-container {
369 -moz-margin-start: 20px;
372 .addon .control-container {
373 -moz-box-align: center;
378 .addon[selected] .details-container {
379 border-color: #9999CC;
383 /*** item - uninstalled ***/
385 .addon[status="uninstalled"] {
389 .addon[status="uninstalled"] > .container {
390 -moz-box-align: center;
392 background-color: #808080;
393 -moz-border-radius: 8px;
397 .addon[status="uninstalled"][selected] {
398 background-color: transparent;
403 /*** search view ***/
407 -moz-box-align: center;
408 background-color: #FFFFFF;
413 /*** detail view ***/
415 #detail-view[active="false"] .fade {
419 #detail-view > .loading {
423 #detail-view:not([loading]) > .loading {
424 visibility: collapse;
427 #detail-view[loading-extended] > .loading {
428 -moz-box-align: center;
429 -moz-box-pack: center;
431 -moz-transition-property: opacity;
432 -moz-transition-duration: 1s;
435 #detail-view > .loading > image {
436 list-style-image: url("chrome://global/skin/icons/loading.gif");
439 .detail-view-container {
446 -moz-box-align: center;
461 -moz-margin-end: 10px;
462 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
465 #detail-view[type="theme"] #detail-icon {
466 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
469 #detail-view[type="locale"] #detail-icon {
470 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
473 #detail-view[type="plugin"] #detail-icon {
474 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
484 background-color: blue;
485 margin: 0px 10px 0px 0px;
489 -moz-box-align: start;
496 #detail-notification {
497 -moz-box-align: center;
498 -moz-box-pack: center;
501 background-color: #FFFFCC;
502 /* -moz-border-radius: 8px; */
504 border: 1px solid #666699;
511 -moz-margin-start: 0px;
512 -moz-margin-end: 0px;
515 .creator > .text-link {
524 -moz-margin-start: 0px;
525 -moz-margin-end: 0px;
526 vertical-align: text-top;
529 .meta-rating[showrating="average"] > .star {
530 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
534 .meta-rating[showrating="user"] > .star {
535 list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
539 .meta-rating > .star[on="true"],
540 .meta-rating[showrating="user"] > .star[hover] {
541 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
546 /*** download progress ***/
549 background-color: #CCD0DD;
550 /* -moz-border-radius: 100%; */
551 border: 1px solid #808080;
557 .download-progress .start-cap,
558 .download-progress[complete] .end-cap,
559 .download-progress .progress .progress-bar {
560 background-color: #336699;
563 .download-progress .progress {
564 background-color: transparent;
567 .download-progress .start-cap, .download-progress .end-cap {
571 .download-progress .start-cap {
572 -moz-border-radius: 100% 0 0 100%;
575 .download-progress .end-cap {
576 -moz-border-radius: 0 100% 100% 0;
579 .download-progress .progress {
580 -moz-appearance: none;
586 .download-progress .pause, .download-progress .cancel {
587 -moz-appearance: none;
588 background-color: #CCD0DD;
589 border-width: 1px 0px 0px 1px;
591 -moz-border-top-colors: #FFFFFF;
592 -moz-border-left-colors: #FFFFFF;
593 /* -moz-border-radius: 100%; */
600 .download-progress .pause {
601 list-style-image: url('chrome://mozapps/skin/extensions/pause.png');
604 .download-progress .cancel {
605 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
608 .download-progress .status-container {
609 -moz-box-align: center;
613 /*** install status ***/
616 -moz-box-align: center;
620 /*** check for updates ***/
623 -moz-box-align: center;
626 #updates-installed, #updates-downloaded {
638 .addon-control[disabled="true"] {
643 -moz-padding-start: 20px;
644 -moz-padding-end: 4px;
648 background: transparent;
650 text-decoration: underline;