EarlyBlue/mozapps/extensions/extensions.css

   1 #extensionsBox {
   2   margin: 10px 10px 0px 10px;
   3   min-width:1px;
   4 }
   5
   6 #extensionsView {
   7   border: 1px inset #CCD0DD;
   8   margin: 0;
   9 }
  10
  11 #resizerBox {
  12   margin-top: -12px;
  13   visibility: hidden;
  14 }
  15
  16 #resizerBox > resizer {
  17   height: 10px;
  18   max-height: 10px;
  19   visibility: visible;
  20 }
  21
  22 .notification-inner {
  23   border: none;
  24   border-bottom: 1px solid #9999CC;
  25 }
  26
  27 /* Command Bar */
  28 #commandBarBottom {
  29   margin: 5px 5px 10px 10px;
  30   min-width: 1px;
  31 }
  32
  33 #commandBarBottom button {
  34   margin: 0;
  35   list-style-image: url("chrome://mozapps/skin/extensions/actionbuttons.png");
  36   -moz-margin-end: 5px;
  37 }
  38
  39 #commandBarBottom button .button-icon {
  40   margin-top: 0px;
  41   margin-bottom: 0px;
  42   -moz-margin-start: 0px;
  43   -moz-margin-end: 5px;
  44 }
  45
  46 #installFileButton, #installUpdatesAllButton {
  47   -moz-image-region: rect(0px, 84px, 21px, 63px);
  48 }
  49
  50 #installFileButton[disabled="true"],
  51 #installUpdatesAllButton[disabled="true"] {
  52   -moz-image-region: rect(21px, 84px, 42px, 63px);
  53 }
  54
  55 #checkUpdatesAllButton, #showUpdateInfoButton, #hideUpdateInfoButton {
  56   -moz-image-region: rect(0px, 63px, 21px, 42px);
  57 }
  58 #checkUpdatesAllButton[disabled="true"] {
  59   -moz-image-region: rect(21px, 63px, 42px, 42px);
  60 }
  61
  62 #restartAppButton {
  63   -moz-image-region: rect(0px, 42px, 21px, 21px);
  64 }
  65
  66 #restartAppButton[disabled="true"] {
  67   -moz-image-region: rect(21px, 42px, 42px, 21px);
  68 }
  69
  70 /* these skip/continue icons don't make sense. it's just a placeholder. */
  71 #skipDialogButton {
  72   -moz-image-region: rect(0px, 42px, 21px, 21px);
  73 }
  74
  75 #skipDialogButton[disabled="true"] {
  76   -moz-image-region: rect(21px, 42px, 42px, 21px);
  77 }
  78
  79 #continueDialogButton {
  80   -moz-image-region: rect(0px, 42px, 21px, 21px);
  81 }
  82
  83 #continueDialogButton[disabled="true"] {
  84   -moz-image-region: rect(21px, 42px, 42px, 21px);
  85 }
  86
  87 /* List Items */
  88 richlistitem {
  89   padding-top: 6px;
  90   padding-bottom: 6px;
  91   -moz-padding-start: 7px;
  92   -moz-padding-end: 7px;
  93   min-height: 25px;
  94   border-bottom: 1px dotted #666699;
  95 }
  96
  97 richlistitem[isDisabled="true"] .addonIcon {
  98   opacity: 0.3;
  99 }
 100
 101 richlistitem[isDisabled="true"] {
 102   color: #808080;
 103 }
 104
 105 richlistitem[selected="true"] {
 106   background-color: #CCD0DD;
 107   color: #000000;
 108 }
 109
 110 #extensionsView:focus > richlistitem[selected="true"] {
 111   background-color: #336699;
 112   color: #FFFFFF;
 113 }
 114
 115 #extensionsView:focus > richlistitem[selected="true"][isDisabled="true"] {
 116   background-color: #666699;
 117   color: #FFFFFF;
 118 }
 119
 120 .descriptionWrap {
 121   margin-bottom: 2px;
 122 }
 123
 124 richlistitem[selected="true"]:not([opType]) .descriptionCrop {
 125   display: none;
 126 }
 127
 128 .addonName {
 129   font-weight: bold;
 130 }
 131
 132 .previewText {
 133   font-size: larger;
 134   font-weight: bold;
 135   color: #000000;
 136   text-align: center;
 137 }
 138
 139 #themePreviewArea {
 140   border: 1px inset #CCD0DD;
 141   background-color: #FFFFFF;
 142   color: #000000;
 143   overflow: auto;
 144   width: 0px;
 145 }
 146
 147 #themeSplitter {
 148  border-width: 0;
 149 }
 150
 151 .addonIcon {
 152   -moz-margin-end: 2px;
 153   width: 32px;
 154   max-width: 32px;
 155   height: 32px;
 156   max-height: 32px;
 157 }
 158
 159 .updateBadge,
 160 .notifyBadge {
 161   width: 16px;
 162   height: 16px;
 163   margin-bottom: -3px;
 164   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 165 }
 166
 167 richlistitem .updateBadge {
 168   -moz-margin-end: -2px;
 169 }
 170
 171 richlistitem .notifyBadge {
 172   -moz-margin-start: -2px;
 173 }
 174
 175 .updateBadge,
 176 .updateAvailableBox,
 177 .notifyBadge {
 178   display: none;
 179 }
 180
 181 richlistitem[availableUpdateURL][updateable="true"] .updateBadge,
 182 richlistitem[availableUpdateURL][updateable="true"] .updateAvailableBox,
 183 richlistitem[compatible="false"] .notifyBadge,
 184 richlistitem[providesUpdatesSecurely="false"] .notifyBadge,
 185 richlistitem[blocklisted="true"] .notifyBadge,
 186 richlistitem[satisfiesDependencies="false"] .notifyBadge {
 187   display: -moz-box;
 188 }
 189
 190
 191 /* Selected Add-on buttons
 192    See content/extensions.css to hide / display buttons */
 193 .selectedButtons {
 194   margin-top: 4px;
 195   min-height: 2.1em;
 196 }
 197
 198 .selectedButtons > button {
 199   margin-top: 0;
 200   margin-bottom: 0;
 201 }
 202
 203 .enableButton,
 204 .disableButton,
 205 .optionsButton,
 206 .useThemeButton {
 207   -moz-margin-end: 0;
 208 }
 209
 210 .enableButton, .disableButton,
 211 .uninstallButton, .cancelUninstallButton {
 212   -moz-margin-start: 5px;
 213 }
 214
 215 /* Selected Add-on status messages and images */
 216 richlistitem[compatible="true"] .incompatibleBox,
 217 richlistitem[providesUpdatesSecurely="true"] .insecureUpdateBox,
 218 richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
 219 richlistitem[blocklisted="false"] .blocklistedBox,
 220 richlistitem[opType="needs-uninstall"] .blocklistedBox,
 221 richlistitem[opType="needs-uninstall"] .incompatibleBox,
 222 richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
 223 richlistitem[opType="needs-uninstall"] .blocklistedBox {
 224   display: none;
 225 }
 226
 227 richlistitem[loading="true"] .updateBadge {
 228   display: -moz-box;
 229   width: 16px;
 230   height: 16px;
 231   margin-bottom: -3px;
 232   -moz-margin-end: -2px;
 233   list-style-image: url("chrome://global/skin/icons/loading.gif");
 234   -moz-image-region: auto;
 235 }
 236
 237 .addonThrobber {
 238   -moz-margin-start: 5px;
 239   width: 16px;
 240   height: 16px;
 241   list-style-image: url("chrome://global/skin/icons/loading.gif");
 242 }
 243
 244 .selectedStatusMsgs > hbox {
 245   margin-top: 2px;
 246   margin-bottom: 2px;
 247 }
 248
 249 .selectedStatusMsgs label {
 250   font-weight: bold;
 251 }
 252
 253 .selectedStatusMsgs label.text-link {
 254   font-weight: normal;
 255   border: none;
 256 }
 257
 258 richlistitem[opType="needs-uninstall"] .notifyBadge {
 259   display: none;
 260 }
 261
 262 .addon-search-details {
 263   margin-top: 5px;
 264   margin-bottom: 5px;
 265   -moz-margin-start: 6px;
 266   -moz-margin-end: 0;
 267 }
 268
 269 .addonThumbnailContainer {
 270   background-color: #CCD0DD;
 271   padding: 5px;
 272   border: 1px solid #9999CC;
 273   width: 135px;
 274   min-height: 104px;
 275   -moz-margin-end: 5px;
 276 }
 277
 278 .addonMissingThumbnail {
 279   color: GrayText;
 280 }
 281
 282 .addonFailure {
 283   width: 16px;
 284   height: 16px;
 285   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 286 }
 287
 288 .addonRating {
 289   display: none;
 290 }
 291
 292 .addonLearnMore {
 293   margin-top: 4px;
 294   margin-bottom: 4px;
 295 }
 296
 297 .addonRating[rating] {
 298   display: -moz-box;
 299   width: 68px;
 300   height: 12px;
 301   list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
 302 }
 303
 304 .addonRating[rating="0"] {
 305   -moz-image-region: rect(0px 68px 12px 0px);
 306 }
 307
 308 .addonRating[rating="1"], .addonRating[rating="2"] {
 309   -moz-image-region: rect(12px 68px 24px 0px);
 310 }
 311
 312 .addonRating[rating="3"], .addonRating[rating="4"] {
 313   -moz-image-region: rect(24px 68px 36px 0px);
 314 }
 315
 316 .addonRating[rating="5"], .addonRating[rating="6"] {
 317   -moz-image-region: rect(36px 68px 48px 0px);
 318 }
 319
 320 .addonRating[rating="7"], .addonRating[rating="8"] {
 321   -moz-image-region: rect(48px 68px 60px 0px);
 322 }
 323
 324 .addonRating[rating="9"], .addonRating[rating="10"] {
 325   -moz-image-region: rect(60px 68px 72px 0px);
 326 }
 327
 328 .addonType image {
 329   -moz-margin-start: 6px;
 330   list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
 331   width: 16px;
 332   height: 16px;
 333 }
 334
 335 .addonTypeExtension image {
 336   -moz-image-region: rect(0px 16px 16px 0px);
 337 }
 338
 339 .addonTypeTheme image {
 340   -moz-image-region: rect(0px 32px 16px 16px);
 341 }
 342
 343 vbox[typeName="status"][type="search-failure"],
 344 vbox[typeName="status"][type="recommended-failure"],
 345 vbox[typeName="status"][type="message-norecommended"],
 346 vbox[typeName="status"][type="message-nosearchresults"],
 347 vbox[typeName="status"][type="retrieve-search"],
 348 vbox[typeName="status"][type="retrieve-recommended"] {
 349   margin-top: 2em;
 350 }
 351
 352 vbox[typeName="status"][type="footer-recommended"],
 353 vbox[typeName="status"][type="footer-search"] {
 354   margin-top: 1em;
 355 }
 356
 357 vbox[typeName="status"][type="header-recommended"] {
 358   font-size: 150%;
 359   background: #CCD0DD;
 360 }
 361
 362 #searchbox {
 363   list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
 364   -moz-image-region: rect(0px 19px 19px 0px);
 365   padding: 0;
 366 }
 367
 368 .searchbox-search, .searchbox-cancel {
 369   -moz-appearance: none;
 370   cursor: pointer;
 371   margin: 0;
 372   border: 0;
 373   padding: 0;
 374   width: 19px;
 375   height: 19px;
 376   min-width: 19px;
 377 }
 378
 379 .searchbox-search .button-box,
 380 .searchbox-cancel .button-box {
 381   border: 0px;
 382   padding: 0px;
 383 }
 384
 385 .searchbox-search {
 386   list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
 387   -moz-image-region: rect(0px 38px 19px 19px);
 388 }
 389
 390 .searchbox-cancel {
 391   list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
 392   -moz-image-region: rect(0px 57px 19px 38px);
 393 }
 394
 395 #progressBox {
 396   padding: 5px 5px 5px 5px;
 397 }
 398
 399 #progressBox > hbox {
 400   -moz-box-align: center;
 401 }
 402
 403 /* View buttons */
 404 .viewSelector {
 405   border-bottom: 1px solid #9999CC;
 406   margin: 0px;
 407   -moz-padding-start: 10px;
 408   background-color: #CCD0DD;
 409   color: #000000;
 410 }
 411
 412 #viewGroup radio {
 413   margin: 0px;
 414   padding: 1px 3px;
 415   min-width: 4.5em;
 416   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 417   border: 1px solid transparent;
 418 }
 419
 420 #viewGroup radio:hover {
 421   border: 1px outset #CCD0DD;
 422 }
 423
 424 #viewGroup radio[selected="true"] {
 425   border: 1px inset #CCD0DD;
 426   background-color: #DDDDDD;
 427 }
 428
 429 .viewButtonIcon {
 430   width: 32px;
 431   height: 32px;
 432 }
 433
 434 radio#extensions-view {
 435   -moz-image-region: rect(0px, 32px,  32px, 0px)
 436 }
 437
 438 radio#themes-view {
 439   -moz-image-region: rect(0px, 64px,  32px, 32px)
 440 }
 441
 442 radio#locales-view {
 443   -moz-image-region: rect(0px, 96px,  32px, 64px)
 444 }
 445
 446 radio#plugins-view {
 447   -moz-image-region: rect(0px, 128px, 32px, 96px)
 448 }
 449
 450 radio#updates-view {
 451   -moz-image-region: rect(0px, 160px, 32px, 128px)
 452 }
 453
 454 radio#installs-view {
 455   -moz-image-region: rect(0px, 192px, 32px, 160px)
 456 }
 457
 458 radio#search-view {
 459   -moz-image-region: rect(0px, 224px, 32px, 192px)
 460 }
 461
 462 /* Update view checkbox */
 463 .includeUpdate {
 464   -moz-user-focus: none;
 465 }
 466
 467 richlistitem[selected="true"] .includeUpdate {
 468   -moz-user-focus: normal;
 469 }
 470
 471 #infoDisplay {
 472   overflow-y: auto;
 473 }
 474
 475 #infoDisplay body {
 476   padding: 5px;
 477 }
 478
 479 #infoDisplay h1,
 480 #infoDisplay h2,
 481 #infoDisplay h3 {
 482   text-align: left;
 483   font-weight: bold;
 484   margin: 0 0 0.7em 0;
 485 }
 486
 487 #infoDisplay h1 {
 488   font-size: 150%;
 489 }
 490
 491 #infoDisplay h2 {
 492   font-size: 125%;
 493 }
 494
 495 #infoDisplay h3 {
 496   font-size: 100%;
 497 }
 498
 499 #infoDisplay ol,
 500 #infoDisplay ul {
 501   margin: 0 0 0.7em 0;
 502 }
 503
 504 #infoDisplay li {
 505   text-align: left;
 506 }
 507
 508 #infoDisplay p {
 509   text-align: justify;
 510   margin: 0 0 0.7em 0;
 511 }