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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 #addons-page {
  41   background-color: #000000;
  42   color: #FF9F00;
  43   margin: 20px;
  44 }
  45
  46 #view-port-container {
  47   /* Needed to allow the radius to clip the inner content, see bug 595656 */
  48   /* Disabled because of bug 623615
  49   overflow: hidden;
  50   */
  51   border: 1px solid #9C9CFF;
  52   border-radius: 5px;
  53 }
  54
  55 .nav-button {
  56   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  57 }
  58
  59 #forward-btn {
  60   -moz-border-start: none;
  61 }
  62
  63 #back-btn:-moz-locale-dir(ltr),
  64 #forward-btn:-moz-locale-dir(rtl) {
  65   -moz-image-region: rect(42px 25px 63px 0px);
  66 }
  67
  68 #back-btn[disabled="true"]:-moz-locale-dir(ltr),
  69 #forward-btn[disabled="true"]:-moz-locale-dir(rtl) {
  70   -moz-image-region: rect(42px 50px 63px 25px);
  71 }
  72
  73 #back-btn:-moz-locale-dir(rtl),
  74 #forward-btn:-moz-locale-dir(ltr) {
  75   -moz-image-region: rect(63px 25px 84px 0px);
  76 }
  77
  78 #back-btn[disabled="true"]:-moz-locale-dir(rtl),
  79 #forward-btn[disabled="true"]:-moz-locale-dir(ltr) {
  80   -moz-image-region: rect(63px 50px 84px 25px);
  81 }
  82
  83
  84 /*** global warnings ***/
  85
  86 .global-warning-container {
  87   overflow-x: hidden;
  88 }
  89
  90 .global-warning {
  91   -moz-box-align: center;
  92   padding: 0 8px;
  93   color: #000000;
  94   font-weight: bold;
  95 }
  96
  97 #addons-page[warning] .global-warning-container {
  98   background-color: #FFCF00;
  99 }
 100
 101 #detail-view .global-warning {
 102   padding: 4px 12px;
 103   border-bottom: 3px solid #000000;
 104 }
 105
 106 @media all and (max-width: 600px) {
 107   .global-warning-text {
 108     display: none;
 109   }
 110
 111   .global-warning .warning-icon {
 112     /* background-color: #FFF;
 113     box-shadow: 0px 0px 2px 5px #FFF;
 114     border-radius: 10px; */
 115   }
 116 }
 117
 118 /* Plugins aren't yet disabled by safemode (bug 342333),
 119    so don't show that warning when viewing plugins. */
 120 #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
 121 #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
 122   background-color: inherit;
 123   background-image: none;
 124 }
 125
 126
 127 /*** notification icons ***/
 128
 129 .warning-icon {
 130   list-style-image: url("chrome://global/skin/icons/warning-16.png");
 131   width: 16px;
 132   height: 16px;
 133   margin: 1px 0;
 134 }
 135
 136 .error-icon {
 137   list-style-image: url("chrome://global/skin/icons/error-16.png");
 138   width: 16px;
 139   height: 16px;
 140   margin: 1px 0;
 141 }
 142
 143 .pending-icon,
 144 .info-icon {
 145   list-style-image: url("chrome://global/skin/icons/information-16.png");
 146   width: 16px;
 147   height: 16px;
 148   margin: 1px 0;
 149 }
 150
 151 .addon-view[pending="disable"] .pending-icon,
 152 .addon-view[pending="uninstall"] .pending-icon {
 153   list-style-image: url("chrome://global/skin/icons/warning-16.png");
 154   width: 16px;
 155   height: 15px;
 156   margin: 3px 0;
 157 }
 158
 159
 160 /*** view alert boxes ***/
 161
 162 .alert-container {
 163   -moz-box-align: center;
 164 }
 165
 166 .alert-spacer-before {
 167   -moz-box-flex: 1;
 168 }
 169
 170 .alert-spacer-after {
 171   -moz-box-flex: 3;
 172 }
 173
 174 .alert {
 175   -moz-box-align: center;
 176   padding: 10px;
 177   color: #FF9F00;
 178   border: 1px solid #9C9CFF;
 179   border-radius: 8px;
 180   background-color: #000000;
 181   background-clip: padding-box;
 182 }
 183
 184 .alert .alert-title {
 185   font-weight: bold;
 186   font-size: 200%;
 187   margin-bottom: 15px;
 188 }
 189
 190 .alert .addon-control {
 191   margin: 1em 2em;
 192 }
 193
 194 .loading {
 195   list-style-image: url("chrome://global/skin/icons/loading.gif");
 196   padding-left: 20px;
 197   padding-right: 20px;
 198 }
 199
 200
 201 /*** category selector ***/
 202
 203 #categories {
 204   -moz-appearance: none;
 205   border: none;
 206   -moz-margin-end: -1px;
 207   background-color: transparent;
 208   position: relative;
 209   margin-top: 31px;
 210 }
 211
 212 .category {
 213   background-color: transparent;
 214   color: #FF9F00;
 215   min-height: 0;
 216   padding: 10px 4px;
 217   border-width: 1px;
 218   border-style: solid;
 219   border-color: transparent;
 220   -moz-box-align: center;
 221   overflow: hidden;
 222 }
 223
 224 .category:-moz-locale-dir(ltr) {
 225   border-top-left-radius: 5px;
 226   border-bottom-left-radius: 5px;
 227 }
 228
 229 .category:-moz-locale-dir(rtl) {
 230   border-top-right-radius: 5px;
 231   border-bottom-right-radius: 5px;
 232 }
 233
 234 .category[disabled] {
 235   border-top: 0;
 236   border-bottom: 0;
 237   height: 0;
 238   opacity: 0;
 239   -moz-transition-property: height, opacity;
 240   -moz-transition-duration: 1s, 0.8s;
 241 }
 242
 243 .category:not([disabled]) {
 244   height: 52px;
 245   -moz-transition-property: height, opacity;
 246   -moz-transition-duration: 1s, 0.8s;
 247 }
 248
 249 .category[selected] {
 250   background-color: #008484;
 251   color: #FFCF00;
 252   border-color: #9C9CFF;
 253 }
 254
 255 .category-name {
 256   font-size: 150%;
 257 }
 258
 259 /* Maximize the size of the viewport when the window is small */
 260 @media all and (max-width: 800px) {
 261   .category-name {
 262     display: none;
 263   }
 264 }
 265
 266 .category-badge {
 267   background-color: #E7ADE7;
 268   padding: 2px 8px;
 269   margin: 6px 0;
 270   border-radius: 10000px;
 271   color: #000000;
 272   font-weight: bold;
 273   text-align: center;
 274 }
 275
 276 .category-badge[value="0"] {
 277   visibility: hidden;
 278 }
 279
 280 .category-icon {
 281   width: 32px;
 282   height: 32px;
 283   -moz-margin-start: 6px;
 284 }
 285
 286 #category-search > .category-icon {
 287   list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
 288 }
 289 #category-discover > .category-icon {
 290   list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
 291 }
 292 #category-languages > .category-icon {
 293   list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
 294 }
 295 #category-searchengines > .category-icon {
 296   list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
 297 }
 298 #category-extensions > .category-icon {
 299   list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
 300 }
 301 #category-themes > .category-icon {
 302   list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
 303 }
 304 #category-plugins > .category-icon {
 305   list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
 306 }
 307 #category-availableUpdates > .category-icon {
 308   list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
 309 }
 310 #category-recentUpdates > .category-icon {
 311   list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
 312 }
 313
 314
 315 /*** header ***/
 316
 317 #header {
 318   margin-bottom: 18px;
 319   height: 2em;
 320 }
 321
 322 #header-search {
 323   color: #E7ADE7;
 324   border: 1px solid #9C9CFF;
 325   border-radius: 4px;
 326   padding: 3px;
 327   background-color: #000000;
 328   margin: 0;
 329 }
 330
 331 #header-search .textbox-input:-moz-placeholder {
 332   color: #8050B0;
 333 }
 334
 335 #header-search[focused] {
 336   border-color: #008484;
 337 }
 338
 339 #header-utils-btn {
 340   list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
 341   -moz-margin-end: 16px;
 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   -moz-box-flex: 1;
 510 }
 511
 512 .creator {
 513   font-weight: bold;
 514 }
 515
 516 .creator .text-link {
 517   /* color: #0066CC; */
 518 }
 519
 520 .description-container {
 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 .advancedinfo-container,
 548 .update-info-container {
 549   -moz-box-align: center;
 550 }
 551
 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 }