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