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