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