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