LCARStrek/mozapps/extensions/extensions.css

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