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 #9C9CFF;
43 background-color: transparent;
44 background-image: none;
49 background-color: #000000;
53 /*** category selector ***/
56 -moz-appearance: none;
63 -moz-border-radius: 8px;
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: #008484;
93 background-color: #E7ADE7;
96 -moz-border-radius: 100%;
102 .category-badge[value="0"] {
109 -moz-margin-start: 6px;
112 #category-search > .category-icon {
113 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
115 #category-discover > .category-icon {
116 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
118 #category-languages > .category-icon {
119 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
121 #category-searchengines > .category-icon {
122 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
124 #category-extensions > .category-icon {
125 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
127 #category-themes > .category-icon {
128 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
130 #category-plugins > .category-icon {
131 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
138 background-color: #FF9F00;
139 -moz-border-radius: 8px;
142 -moz-box-align: center;
146 #header-name, #header-link {
155 -moz-appearance: none;
157 background: transparent;
160 list-style-image: url("chrome://mozapps/skin/extensions/go-back.png");
163 #header-link .button-icon {
164 -moz-margin-end: 6px;
168 list-style-image: url("chrome://global/skin/icons/loading.gif");
172 background-color: #9C9CFF;
174 -moz-border-radius: 8px;
183 -moz-appearance: none;
187 -moz-appearance: none;
189 border-left: 3px solid #000000;
190 border-right: 3px solid #000000;
191 background-color: transparent;
192 -moz-border-radius: 0;
195 min-width: 12px !important;
196 -moz-box-direction: reverse;
200 .sorter[checkState="1"],
201 .sorter[checkState="2"] {
202 background-color: #008484;
206 .sorter[checkState="1"] {
207 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
210 .sorter[checkState="2"] {
211 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
214 .sorter .button-icon {
215 -moz-margin-start: 4px;
219 /*** empty list notification ***/
222 -moz-box-align: center;
225 .empty-list-notice > button {
233 -moz-appearance: none;
238 .addon[status="installed"], .addon[status="installing"] {
239 background-color: #000000;
240 -moz-border-radius: 10px;
241 border: 1px solid #9C9CFF;
246 .addon[status="installing"] {
247 -moz-box-align: center;
248 border-color: #FF9F00;
251 .addon[selected]:not([status="uninstalled"]) {
252 background-color: #008484;
256 .addon[status="installed"][selected]:not([pending="true"]) {
261 .addon[status="installed"][active="false"] .fade {
265 .addon[status="installed"][pending="true"] {
270 /* color: -moz-dialogtext; */
273 .addon[selected] .text-link {
274 /* color: -moz-nativehyperlinktext; */
277 .addon .toggle-more {
280 min-width: 12px !important;
281 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
282 -moz-box-direction: reverse;
283 /* border: 1px solid transparent;
284 background: transparent; */
288 .addon .toggle-more > .button-box > .button-icon {
289 -moz-padding-start: 4px;
292 .addon[show-extra] .toggle-more {
293 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
296 .addon .toggle-more:hover {
297 /* background-color: #FFCF00;
301 .addon[selected] .toggle-more:hover {
302 /* background-color: #FFCF00;
306 .addon .extra-details {
311 -moz-transition-property: height, opacity;
312 -moz-transition-duration: 0.5s, 0.5s;
315 .addon[show-extra] .extra-details {
317 -moz-transition-property: height, opacity;
318 -moz-transition-duration: 0.5s, 0.5s;
325 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
328 .addon[type="theme"] .icon {
329 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
332 .addon[type="locale"] .icon {
333 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
336 .addon[type="plugin"] .icon {
337 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
340 .addon .name-container {
350 .addon .disabled-postfix {
354 .addon .description {
356 -moz-margin-start: 6px;
361 -moz-box-align: start;
364 .addon .warning-icon {
366 list-style-image: url("chrome://global/skin/icons/warning-16.png");
369 .addon[selected] .warning-icon {
373 .addon .details-container {
375 -moz-margin-start: 20px;
378 .addon .control-container {
379 -moz-box-align: center;
384 .addon[selected] .details-container {
385 border-color: #FFCF00;
389 /*** item - uninstalled ***/
391 .addon[status="uninstalled"] {
395 .addon[status="uninstalled"] > .container {
396 -moz-box-align: center;
398 background-color: #8050B0;
399 -moz-border-radius: 8px;
403 .addon[status="uninstalled"][selected] {
404 background-color: transparent;
409 /*** search view ***/
413 -moz-box-align: center;
414 background-color: #000000;
419 /*** detail view ***/
421 #detail-view[active="false"] .fade {
425 #detail-view > .loading {
429 #detail-view:not([loading]) > .loading {
430 visibility: collapse;
433 #detail-view[loading-extended] > .loading {
434 -moz-box-align: center;
435 -moz-box-pack: center;
437 -moz-transition-property: opacity;
438 -moz-transition-duration: 1s;
441 #detail-view > .loading > image {
442 list-style-image: url("chrome://global/skin/icons/loading.gif");
445 .detail-view-container {
452 -moz-box-align: center;
467 -moz-margin-end: 10px;
468 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
471 #detail-view[type="theme"] #detail-icon {
472 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
475 #detail-view[type="locale"] #detail-icon {
476 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
479 #detail-view[type="plugin"] #detail-icon {
480 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
490 background-color: #9C9CFF;
491 margin: 0px 10px 0px 0px;
495 -moz-box-align: start;
502 #detail-notification {
503 -moz-box-align: center;
504 -moz-box-pack: center;
507 background-color: #FFCF00;
508 -moz-border-radius: 8px;
516 -moz-margin-start: 0px;
517 -moz-margin-end: 0px;
520 .creator > .text-link {
529 -moz-margin-start: 0px;
530 -moz-margin-end: 0px;
531 vertical-align: text-top;
534 .meta-rating[showrating="average"] > .star {
535 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
539 .meta-rating[showrating="user"] > .star {
540 list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
544 .meta-rating > .star[on="true"],
545 .meta-rating[showrating="user"] > .star[hover] {
546 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
551 /*** download progress ***/
554 background-color: #000000;
555 -moz-border-radius: 100%;
556 border: 1px solid #FF9F00;
562 .download-progress .start-cap,
563 .download-progress[complete] .end-cap,
564 .download-progress .progress .progress-bar {
565 background-color: #008484;
568 .download-progress .progress {
569 background-color: transparent;
572 .download-progress .start-cap, .download-progress .end-cap {
576 .download-progress .start-cap:-moz-locale-dir(ltr),
577 .download-progress .end-cap:-moz-locale-dir(rtl) {
578 -moz-border-radius: 100% 0 0 100%;
581 .download-progress .end-cap:-moz-locale-dir(ltr),
582 .download-progress .start-cap:-moz-locale-dir(rtl) {
583 -moz-border-radius: 0 100% 100% 0;
586 .download-progress .progress {
587 -moz-appearance: none;
593 .download-progress .pause, .download-progress .cancel {
594 -moz-appearance: none;
595 background-color: #8050B0;
596 border-width: 1px 0px 0px 1px;
599 -moz-border-radius: 100%;
606 .download-progress .pause {
607 list-style-image: url('chrome://mozapps/skin/extensions/pause.png');
610 .download-progress .cancel {
611 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
614 .download-progress .status-container {
615 -moz-box-align: center;
619 /*** install status ***/
622 -moz-box-align: center;
626 /*** check for updates ***/
629 -moz-box-align: center;
632 #updates-installed, #updates-downloaded {
644 .addon-control[disabled="true"] {
649 -moz-padding-start: 20px;
650 -moz-padding-end: 4px;
654 background: transparent;
656 text-decoration: underline;