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,
 332 .searchbox-cancel {
 333   -moz-appearance: none;
 334   cursor: default;
 335   margin: 0;
 336   border: 0;
 337   padding: 0;
 338   width: 19px;
 339   height: 19px;
 340   min-width: 19px;
 341 }
 342
 343 .searchbox-search .button-box,
 344 .searchbox-cancel .button-box {
 345   border: 0px;
 346   padding: 0px;
 347 }
 348
 349 .searchbox-search {
 350   list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
 351   -moz-image-region: rect(0px 38px 19px 19px);
 352 }
 353
 354 .searchbox-cancel {
 355   list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
 356   -moz-image-region: rect(0px 57px 19px 38px);
 357 }
 358
 359 #progressBox {
 360   padding: 5px 5px 5px 5px;
 361 }
 362
 363 #progressBox > hbox {
 364   -moz-box-align: center;
 365 }
 366
 367 /* View buttons */
 368 .viewSelector {
 369   border-bottom: 1px solid #9999CC;
 370   margin: 0px;
 371   -moz-padding-start: 10px;
 372   background-color: #CCD0DD;
 373   color: #000000;
 374 }
 375
 376 #viewGroup radio {
 377   margin: 0px;
 378   padding: 1px 3px;
 379   min-width: 4.5em;
 380   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 381   border: 1px solid transparent;
 382 }
 383
 384 #viewGroup radio:hover {
 385   border: 1px outset #CCD0DD;
 386 }
 387
 388 #viewGroup radio[selected="true"] {
 389   border: 1px inset #CCD0DD;
 390   background-color: #DDDDDD;
 391 }
 392
 393 .viewButtonIcon {
 394   width: 32px;
 395   height: 32px;
 396 }
 397
 398 radio#extensions-view {
 399   -moz-image-region: rect(0px, 32px,  32px, 0px)
 400 }
 401
 402 radio#themes-view {
 403   -moz-image-region: rect(0px, 64px,  32px, 32px)
 404 }
 405
 406 radio#locales-view {
 407   -moz-image-region: rect(0px, 96px,  32px, 64px)
 408 }
 409
 410 radio#plugins-view {
 411   -moz-image-region: rect(0px, 128px, 32px, 96px)
 412 }
 413
 414 radio#updates-view {
 415   -moz-image-region: rect(0px, 160px, 32px, 128px)
 416 }
 417
 418 radio#installs-view {
 419   -moz-image-region: rect(0px, 192px, 32px, 160px)
 420 }
 421
 422 radio#search-view {
 423   -moz-image-region: rect(0px, 224px, 32px, 192px)
 424 }
 425
 426 /* Update view checkbox */
 427 .includeUpdate {
 428   -moz-user-focus: none;
 429 }
 430
 431 richlistitem[selected="true"] .includeUpdate {
 432   -moz-user-focus: normal;
 433 }
 434
 435 #infoDisplay {
 436   overflow-y: auto;
 437 }
 438
 439 #infoDisplay body {
 440   padding: 5px;
 441 }
 442
 443 #infoDisplay h1,
 444 #infoDisplay h2,
 445 #infoDisplay h3 {
 446   text-align: left;
 447   font-weight: bold;
 448   margin: 0 0 0.7em 0;
 449 }
 450
 451 #infoDisplay h1 {
 452   font-size: 150%;
 453 }
 454
 455 #infoDisplay h2 {
 456   font-size: 125%;
 457 }
 458
 459 #infoDisplay h3 {
 460   font-size: 100%;
 461 }
 462
 463 #infoDisplay ol,
 464 #infoDisplay ul {
 465   margin: 0 0 0.7em 0;
 466 }
 467
 468 #infoDisplay li {
 469   text-align: left;
 470 }
 471
 472 #infoDisplay p {
 473   text-align: justify;
 474   margin: 0 0 0.7em 0;
 475 }