EarlyBlue/mozapps/extensions/extensions.css

   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
  38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 #addons-page {
  41   background-color: #CCD0DD;
  42   color: #000000;
  43   margin: 20px;
  44 }
  45
  46 #view-port-container {
  47   /* Needed to allow the radius to clip the inner content, see bug 595656 */
  48   /* Disabled because of bug 623615
  49   overflow: hidden;
  50   */
  51   background-color: #FFFFFF;
  52   border: 1px solid #666699;
  53 }
  54
  55 .nav-button {
  56   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  57 }
  58
  59 #forward-btn {
  60   -moz-border-start: none;
  61 }
  62
  63 #back-btn:-moz-locale-dir(ltr),
  64 #forward-btn:-moz-locale-dir(rtl) {
  65   -moz-image-region: rect(42px 25px 63px 0px);
  66 }
  67
  68 #back-btn[disabled="true"]:-moz-locale-dir(ltr),
  69 #forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
  70   -moz-image-region: rect(42px 50px 63px 25px);
  71 }
  72
  73 #back-btn:-moz-locale-dir(rtl),
  74 #forward-btn:-moz-locale-dir(ltr) {
  75   -moz-image-region: rect(63px 25px 84px 0px);
  76 }
  77
  78 #back-btn[disabled="true"]:-moz-locale-dir(rtl),
  79 #forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
  80   -moz-image-region: rect(63px 50px 84px 25px);
  81 }
  82
  83
  84 /*** global warnings ***/
  85
  86 .global-warning-container {
  87   overflow-x: hidden;
  88 }
  89
  90 .global-warning {
  91   -moz-box-align: center;
  92   padding: 0 8px;
  93   color: #000000;
  94   font-weight: bold;
  95 }
  96
  97 #addons-page[warning] .global-warning-container {
  98   background-color: #FFFFCC;
  99 }
 100
 101 #detail-view .global-warning {
 102   padding: 4px 12px;
 103   border-bottom: 1px solid #9999CC;
 104 }
 105
 106 @media all and (max-width: 600px) {
 107   .global-warning-text {
 108     display: none;
 109   }
 110
 111   .global-warning .warning-icon {
 112     /* background-color: #FFF;
 113     box-shadow: 0px 0px 2px 5px #FFF;
 114     border-radius: 10px; */
 115   }
 116 }
 117
 118 /*** global informations ***/
 119 #addons-page .global-info-container {
 120   background-color: #9C9CFF;
 121 }
 122
 123 /* Plugins aren't yet disabled by safemode (bug 342333),
 124    so don't show that warning when viewing plugins. */
 125 #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
 126 #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
 127   background-color: inherit;
 128   background-image: none;
 129 }
 130
 131
 132 /*** notification icons ***/
 133
 134 .warning-icon {
 135   list-style-image: url("chrome://global/skin/icons/warning-16.png");
 136   width: 16px;
 137   height: 16px;
 138   margin: 3px 0;
 139 }
 140
 141 .error-icon {
 142   list-style-image: url("chrome://global/skin/icons/error-16.png");
 143   width: 16px;
 144   height: 16px;
 145   margin: 3px 0;
 146 }
 147
 148 .pending-icon,
 149 .info-icon {
 150   list-style-image: url("chrome://global/skin/icons/information-16.png");
 151   width: 16px;
 152   height: 16px;
 153   margin: 3px 0;
 154 }
 155
 156 .addon-view[pending="disable"] .pending-icon,
 157 .addon-view[pending="uninstall"] .pending-icon {
 158   list-style-image: url("chrome://global/skin/icons/warning-16.png");
 159   width: 16px;
 160   height: 15px;
 161   margin: 3px 0;
 162 }
 163
 164
 165 /*** view alert boxes ***/
 166
 167 .alert-container {
 168   -moz-box-align: center;
 169 }
 170
 171 .alert-spacer-before {
 172   -moz-box-flex: 1;
 173 }
 174
 175 .alert-spacer-after {
 176   -moz-box-flex: 3;
 177 }
 178
 179 .alert {
 180   -moz-box-align: center;
 181   padding: 10px;
 182   color: #000000;
 183   border: 1px inset #CCD0DD;
 184   border-radius: 8px;
 185   background-color: #CCD0DD;
 186   background-clip: padding-box;
 187 }
 188
 189 .alert .alert-title {
 190   font-weight: bold;
 191   font-size: 200%;
 192   margin-bottom: 15px;
 193 }
 194
 195 .alert .addon-control {
 196   margin: 1em 2em;
 197 }
 198
 199 .loading {
 200   list-style-image: url("chrome://global/skin/icons/loading.gif");
 201   padding-left: 20px;
 202   padding-right: 20px;
 203 }
 204
 205
 206 /*** category selector ***/
 207
 208 #categories {
 209   -moz-appearance: none;
 210   border: none;
 211   -moz-margin-end: -1px;
 212   background-color: transparent;
 213   position: relative;
 214   margin-top: 31px;
 215 }
 216
 217 .category {
 218   background-color: transparent;
 219   color: #404040;
 220   min-height: 0;
 221   padding: 10px 4px;
 222   border-width: 1px;
 223   border-style: solid;
 224   border-color: transparent;
 225   -moz-box-align: center;
 226   overflow: hidden;
 227 }
 228
 229 .category[disabled] {
 230   border-top: 0;
 231   border-bottom: 0;
 232   height: 0;
 233   opacity: 0;
 234   -moz-transition-property: height, opacity;
 235   -moz-transition-duration: 1s, 0.8s;
 236 }
 237
 238 .category:not([disabled]) {
 239   height: 52px;
 240   -moz-transition-property: height, opacity;
 241   -moz-transition-duration: 1s, 0.8s;
 242 }
 243
 244 .category[selected] {
 245   background-color: #FFFFFF;
 246   color: #000000;
 247   border-color: #666699;
 248 }
 249
 250 .category-name {
 251   font-size: 150%;
 252 }
 253
 254 /* Maximize the size of the viewport when the window is small */
 255 @media all and (max-width: 800px) {
 256   .category-name {
 257     display: none;
 258   }
 259 }
 260
 261 .category-badge {
 262   background-color: #666699;
 263   padding: 2px 8px;
 264   margin: 6px 0;
 265   border: 1px outset #666699;
 266   color: #FFFFFF;
 267   font-weight: bold;
 268   text-align: center;
 269 }
 270
 271 .category-badge[value="0"] {
 272   visibility: hidden;
 273 }
 274
 275 .category-icon {
 276   width: 32px;
 277   height: 32px;
 278   -moz-margin-start: 6px;
 279 }
 280
 281 #category-search > .category-icon {
 282   list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
 283 }
 284 #category-discover > .category-icon {
 285   list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
 286 }
 287 #category-locale > .category-icon {
 288   list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
 289 }
 290 #category-searchengine > .category-icon {
 291   list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
 292 }
 293 #category-extension > .category-icon {
 294   list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
 295 }
 296 #category-theme > .category-icon {
 297   list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
 298 }
 299 #category-plugin > .category-icon {
 300   list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
 301 }
 302 #category-availableUpdates > .category-icon {
 303   list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
 304 }
 305 #category-recentUpdates > .category-icon {
 306   list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
 307 }
 308
 309
 310 /*** header ***/
 311
 312 #header {
 313   margin-bottom: 18px;
 314   height: 2em;
 315 }
 316
 317 #header-search {
 318   color: #000000;
 319   border: 1px inset #CCD0DD;
 320   padding: 3px;
 321   background-color: #CCD0DD;
 322   margin: 0;
 323 }
 324
 325 #header-search .textbox-input:-moz-placeholder {
 326   color: #808080;
 327 }
 328
 329 #header-search[focused] {
 330   background-color: #FFFFFF;
 331 }
 332
 333 #header-utils-btn {
 334   list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
 335   -moz-margin-end: 16px;
 336 }
 337
 338 .view-header {
 339   background-color: #9999CC;
 340   padding: 4px;
 341   margin: 0;
 342   min-height: 31px;
 343   border-bottom: 1px solid #666699;
 344 }
 345
 346
 347 /*** sorters ***/
 348
 349 .sort-controls {
 350   -moz-appearance: none;
 351 }
 352
 353 .sorter {
 354   -moz-appearance: none;
 355   border: 1px solid transparent;
 356   background-color: transparent;
 357   color: #000000;
 358   padding: 0 5px;
 359   margin: 0 6px;
 360   min-width: 12px !important;
 361   -moz-box-direction: reverse;
 362 }
 363
 364 .sorter .button-box {
 365   padding-top: 0;
 366   padding-bottom: 0;
 367 }
 368
 369 .sorter:hover {
 370   border: 1px outset #666699;
 371 }
 372
 373 .sorter[checkState="1"],
 374 .sorter[checkState="2"] {
 375   background-color: #666699;
 376   color: #FFFFFF;
 377   border: 1px inset #666699;
 378 }
 379
 380 .sorter[checkState="1"] {
 381   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 382 }
 383
 384 .sorter[checkState="2"] {
 385   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 386 }
 387
 388 .sorter .button-icon {
 389   -moz-margin-start: 4px;
 390 }
 391
 392
 393 /*** discover view ***/
 394
 395 .discover-spacer-before,
 396 .discover-spacer-after {
 397   -moz-box-flex: 1;
 398 }
 399
 400 #discover-error .alert {
 401   max-width: 45em;
 402   -moz-box-flex: 1;
 403 }
 404
 405 .discover-logo {
 406   list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
 407   -moz-margin-end: 15px;
 408 }
 409
 410 .discover-title {
 411   font-weight: bold;
 412   font-size: 24px;
 413   /* font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; */
 414   margin: 0 0 15px 0;
 415 }
 416
 417 .discover-description {
 418   text-align: justify;
 419   margin: 0 0 15px 0;
 420 }
 421
 422 .discover-footer {
 423   text-align: justify;
 424 }
 425
 426
 427 /*** list ***/
 428
 429 .list {
 430   margin: 0;
 431   border: none;
 432   background-color: transparent;
 433 }
 434
 435 .addon {
 436   border-bottom: 1px solid #9999CC;
 437   padding: 5px;
 438   background-origin: border-box;
 439 }
 440
 441 .details {
 442   cursor: pointer;
 443   margin: 0;
 444   -moz-margin-start: 10px;
 445 }
 446
 447 .icon-container {
 448   width: 48px;
 449   height: 48px;
 450   margin: 3px 7px;
 451   -moz-box-align: center;
 452   -moz-box-pack: center;
 453 }
 454
 455 .icon {
 456   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
 457   max-width: 48px;
 458   max-height: 48px;
 459 }
 460
 461 .addon[active="false"] .icon {
 462 /*  filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */
 463 }
 464
 465 .addon-view[type="theme"] .icon {
 466   list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
 467 }
 468
 469 .addon-view[type="locale"] .icon {
 470   list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
 471 }
 472
 473 .addon-view[type="plugin"] .icon {
 474   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 475 }
 476
 477 .name-container {
 478   font-size: 150%;
 479   font-weight: bold;
 480   color: #404040;
 481   margin-bottom: 0;
 482   -moz-box-align: end;
 483   -moz-box-flex: 1;
 484 }
 485
 486 .creator {
 487   font-weight: bold;
 488 }
 489
 490 .creator .text-link {
 491   /* color: #0066CC; */
 492 }
 493
 494 .description-container {
 495   -moz-margin-start: 6px;
 496   -moz-box-align: center;
 497 }
 498
 499 .description {
 500   margin: 0;
 501 }
 502
 503 .warning,
 504 .pending,
 505 .error,
 506 .info {
 507   -moz-margin-start: 48px;
 508   font-weight: bold;
 509   -moz-box-align: center;
 510 }
 511
 512 .content-container,
 513 .basicinfo-container {
 514   -moz-box-align: start;
 515 }
 516
 517 .addon[status="installing"] > .content-container {
 518   -moz-box-align: stretch;
 519 }
 520
 521 .advancedinfo-container,
 522 .update-info-container {
 523   -moz-box-align: center;
 524 }
 525
 526 .update-available {
 527   -moz-box-align: end;
 528 }
 529
 530 .install-status-container {
 531   -moz-box-pack: end;
 532   -moz-box-align: end;
 533 }
 534
 535 .name-outer-container {
 536   -moz-box-pack: center;
 537 }
 538
 539 .relnotes-toggle-container,
 540 .icon-outer-container {
 541   -moz-box-pack: start;
 542 }
 543
 544 .status-container,
 545 .control-container {
 546   -moz-box-pack: end;
 547 }
 548
 549 .addon-view .warning {
 550   color: #808000;
 551 }
 552
 553 .addon-view .error {
 554   color: #FF0000;
 555 }
 556
 557 .addon-view .pending {
 558   color: #33FF33;
 559 }
 560
 561 .addon-view[pending="disable"] .pending,
 562 .addon-view[pending="uninstall"] .pending {
 563   color: #000000;
 564 }
 565
 566 .addon .relnotes-container {
 567   -moz-box-align: start;
 568   -moz-margin-start: 6px;
 569   height: 0;
 570   overflow: hidden;
 571   opacity: 0;
 572   -moz-transition-property: height, opacity;
 573   -moz-transition-duration: 0.5s, 0.5s;
 574 }
 575
 576 .addon[show-relnotes] .relnotes-container {
 577   opacity: 1;
 578   -moz-transition-property: height, opacity;
 579   -moz-transition-duration: 0.5s, 0.5s;
 580 }
 581
 582 .addon .relnotes-header {
 583   font-weight: bold;
 584   margin: 10px 0;
 585 }
 586
 587 .addon .relnotes-toggle {
 588   border: none;
 589   background: transparent;
 590   font-weight: bold;
 591   -moz-box-direction: reverse;
 592   cursor: pointer;
 593   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 594 }
 595
 596 .addon .relnotes-toggle > .button-box > .button-icon {
 597   -moz-padding-start: 4px;
 598 }
 599
 600 .addon[show-relnotes] .relnotes-toggle {
 601   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 602 }
 603
 604 .addon[active="false"] {
 605   /* background-color: rgba(135, 135, 135, 0.1); */
 606 }
 607
 608 .addon-view[active="false"],
 609 .addon-view[active="false"] .name-container {
 610   color: #666699;
 611 }
 612
 613 .addon-view[notification="warning"] {
 614   background-color: #FFFFCC;
 615 }
 616
 617 .addon-view[notification="error"] {
 618   background-color: #FFD0DD;
 619 }
 620
 621 .addon-view[notification="info"] {
 622   background-color: #9999CC;
 623 }
 624
 625 .addon-view[pending="enable"],
 626 .addon-view[pending="upgrade"],
 627 .addon-view[pending="install"] {
 628   background-color: #CCFFDD;
 629 }
 630
 631 .addon-view[pending="enable"] .pending,
 632 .addon-view[pending="upgrade"] .pending,
 633 .addon-view[pending="install"] .pending {
 634   color: #008000;
 635 }
 636
 637 .addon-view[pending="disable"],
 638 .addon-view[pending="uninstall"] {
 639   background-color: #808080;
 640 }
 641
 642 .addon[selected] {
 643   background-color: #336699;
 644   color: #FFFFFF;
 645 }
 646
 647 .addon[selected] .name-container {
 648   color: #FFFFFF;
 649 }
 650
 651 .addon[active="false"][selected] {
 652   color: #000000;
 653 }
 654
 655 .addon[active="false"][selected] .name-container {
 656   color: #222233;
 657 }
 658
 659
 660 /*** item - uninstalled ***/
 661
 662 .addon[status="uninstalled"] {
 663   border: none;
 664 }
 665
 666 .addon[status="uninstalled"] > .container {
 667   -moz-box-align: center;
 668   padding: 4px 20px;
 669   background-color: #808080;
 670   border-radius: 8px;
 671   font-size: 120%;
 672 }
 673
 674 .addon[status="uninstalled"][selected] {
 675   background-color: transparent;
 676 }
 677
 678
 679 /*** search view ***/
 680
 681 #search-filter {
 682   padding: 5px 20px;
 683   -moz-box-align: center;
 684   background-color: #FFFFFF;
 685   font-size: 120%;
 686   border-bottom: 1px solid #666699;
 687   overflow-x: hidden;
 688 }
 689
 690 #search-filter-label {
 691   font-weight: bold;
 692   color: #808080;
 693 }
 694
 695 .search-filter-radio {
 696   -moz-appearance: none;
 697   padding: 0 6px;
 698   margin: 0 3px;
 699   border-radius: 10000px;
 700 }
 701
 702 .search-filter-radio[selected] {
 703   background-color: #3366699;
 704   color: #000000;
 705 }
 706
 707 .search-filter-radio .radio-check-box1 {
 708   display: none;
 709 }
 710
 711 .search-filter-radio .radio-icon {
 712   display: none;
 713 }
 714
 715 #search-allresults-link {
 716   margin-top: 1em;
 717   margin-bottom: 2em;
 718 }
 719
 720 /*** detail view ***/
 721
 722 #detail-view .loading {
 723   opacity: 0;
 724 }
 725
 726 #detail-view[loading-extended] .loading {
 727   opacity: 1;
 728   -moz-transition-property: opacity;
 729   -moz-transition-duration: 1s;
 730 }
 731
 732 .detail-view-container {
 733   padding: 0 2em 2em 2em;
 734   font-size: 110%;
 735 }
 736
 737 #detail-notifications {
 738   margin-top: 1em;
 739   margin-bottom: 2em;
 740 }
 741
 742 #detail-notifications .warning,
 743 #detail-notifications .pending,
 744 #detail-notifications .error {
 745   -moz-margin-start: 0;
 746 }
 747
 748 #detail-icon {
 749   -moz-margin-end: 10px;
 750   margin-top: 6px;
 751   max-width: 64px;
 752   max-height: 64px;
 753 }
 754
 755 #detail-summary {
 756   margin-bottom: 2em;
 757 }
 758
 759 #detail-name-container {
 760   font-size: 200%;
 761 }
 762
 763 #detail-screenshot {
 764   -moz-margin-end: 2em;
 765   max-width: 300px;
 766   max-height: 300px;
 767 }
 768
 769 #detail-desc-container {
 770   margin-bottom: 2em;
 771 }
 772
 773 #detail-desc, #detail-fulldesc {
 774   -moz-margin-start: 6px;
 775   white-space: pre-wrap;
 776   /* This is necessary to fix layout issues with multi-line descriptions, see
 777      bug 592712*/
 778   outline: solid transparent;
 779   min-width: 8em;
 780 }
 781
 782 #detail-fulldesc {
 783   margin-top: 1em;
 784 }
 785
 786 #detail-contributions {
 787   border-radius: 5px;
 788   border: 1px solid #666699;
 789   margin-bottom: 2em;
 790   padding: 1em;
 791   background-color: #FFFFCC;
 792 }
 793
 794 #detail-contrib-description {
 795   font-style: italic;
 796   margin-bottom: 1em;
 797   color: #000000;
 798 }
 799
 800 #detail-contrib-suggested {
 801   color: #808080;
 802   font-weight: bold;
 803 }
 804
 805 #detail-contrib-btn {
 806   list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
 807 }
 808
 809 #detail-contrib-btn .button-icon {
 810   -moz-margin-end: 3px;
 811 }
 812
 813 #detail-grid {
 814   margin-bottom: 2em;
 815 }
 816
 817 .detail-row[first-row="true"],
 818 .detail-row-complex[first-row="true"] {
 819   border-top: none;
 820 }
 821
 822 .detail-row,
 823 .detail-row-complex {
 824   border-top: 1px solid #808080;
 825   -moz-box-align: center;
 826 }
 827
 828 .detail-row-value {
 829   -moz-margin-start: 0;
 830 }
 831
 832 #detail-controls {
 833   margin-bottom: 1em;
 834 }
 835
 836 #detail-view[active="false"]:not([pending]):not([notification]) {
 837   /* background-color: foo; */
 838 }
 839
 840 /*** creator ***/
 841
 842 .creator > label {
 843   -moz-margin-start: 0;
 844   -moz-margin-end: 0;
 845 }
 846
 847 .creator > .text-link {
 848   margin-top: 1px;
 849   margin-bottom: 1px;
 850 }
 851
 852
 853 /*** rating ***/
 854
 855 .meta-rating {
 856   -moz-margin-start: 0;
 857   -moz-margin-end: 0;
 858   padding-top: 2px;
 859 }
 860
 861 .meta-rating > .star {
 862   list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
 863   padding: 0 1px;
 864 }
 865
 866 .meta-rating > .star[on="true"] {
 867   list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
 868 }
 869
 870
 871 /*** download progress ***/
 872
 873 .download-progress {
 874   background-color: #CCD0DD;
 875   border: 1px solid #808080;
 876   width: 200px;
 877   height: 21px;
 878   margin: 0 8px;
 879 }
 880
 881 .download-progress[mode="undetermined"] .status-container {
 882   padding: 0 2px;
 883 }
 884
 885 .download-progress .start-cap,
 886 .download-progress[complete] .end-cap,
 887 .download-progress[mode="undetermined"] .end-cap,
 888 .download-progress .progress .progress-bar {
 889   background-color: #336699;
 890 }
 891
 892 .download-progress .progress .progress-bar  {
 893   border-left-width: 0;
 894   border-right-width: 0;
 895   min-height: 21px;
 896 }
 897
 898 .download-progress .progress {
 899   background-color: transparent;
 900   padding: 0;
 901   margin: 0;
 902   border: none;
 903 }
 904
 905 .download-progress .start-cap, .download-progress .end-cap {
 906   width: 12px;
 907 }
 908
 909 .download-progress .start-cap:-moz-locale-dir(ltr),
 910 .download-progress .end-cap:-moz-locale-dir(rtl) {
 911   border-radius: 3px 0 0 3px;
 912 }
 913
 914 .download-progress .end-cap:-moz-locale-dir(ltr),
 915 .download-progress .start-cap:-moz-locale-dir(rtl) {
 916   border-radius: 0 3px 3px 0;
 917 }
 918
 919 .download-progress .cancel {
 920   -moz-appearance: none;
 921   background-color: #CCD0DD;
 922   border: 1px solid #666699;
 923   padding: 3px;
 924   min-width: 0;
 925   margin: 3px;
 926 }
 927
 928 .download-progress .cancel .button-box {
 929   padding: 0;
 930   border: none;
 931 }
 932
 933 .download-progress .cancel .button-text {
 934   display: none;
 935 }
 936
 937 .download-progress .cancel .button-icon {
 938   -moz-margin-start: 0;
 939 }
 940
 941 .download-progress .cancel {
 942   list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
 943 }
 944
 945 .download-progress .status-container {
 946   -moz-box-align: center;
 947 }
 948
 949 .download-progress .status {
 950 /*  text-shadow: #FFF 0 0 2px; */
 951 }
 952
 953 /*** install status ***/
 954
 955 .install-status {
 956   -moz-box-align: center;
 957 }
 958
 959
 960 /*** check for updates ***/
 961
 962 #updates-container {
 963   -moz-box-align: center;
 964 }
 965
 966 #updates-container .button-link {
 967   font-weight: bold;
 968 }
 969
 970 #updates-installed,
 971 #updates-downloaded {
 972   color: #00CC00;
 973   font-weight: bold;
 974 }
 975
 976 #update-selected {
 977   margin: 12px;
 978 }
 979
 980 /*** buttons ***/
 981
 982 .addon-control[disabled="true"] {
 983   display: none;
 984 }
 985
 986 .button-link {
 987   background: transparent;
 988   border: none;
 989   text-decoration: underline;
 990   color: #0000FF;
 991   cursor: pointer;
 992   min-width: 0;
 993   margin: 0 6px;
 994 }