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