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