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