EarlyBlue/mozapps/extensions/extensions.css

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