EarlyBlue/mozapps/extensions/extensions.css

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