EarlyBlue/mozapps/extensions/extensions.css

   1 #extensionManager {
   2   background-color: #CCD0DD;
   3 }
   4
   5 #extensionsBox {
   6   margin: 10px 10px 0px 10px;
   7   min-width:1px;
   8 }
   9
  10 richlistbox {
  11   border: 1px inset #CCD0DD;
  12   margin: 0;
  13 }
  14
  15 #getMore {
  16   text-align: right;
  17 }
  18
  19 #resizerBox {
  20 margin-top: -12px;
  21 }
  22
  23 #resizerBox resizer {
  24   height: 10px;
  25   max-height: 10px;
  26 }
  27
  28 .notification-inner {
  29   border: none;
  30   border-bottom: 1px solid #9999CC;
  31 }
  32
  33 /* Command Bar */
  34 #commandBarBottom {
  35   margin: 5px 5px 10px 10px;
  36   min-width: 1px;
  37 }
  38
  39 #commandBarBottom button {
  40   margin: 0;
  41   list-style-image: url("chrome://mozapps/skin/extensions/actionbuttons.png");
  42   -moz-margin-end: 5px;
  43 }
  44
  45 #commandBarBottom button .button-icon {
  46   margin-top: 0px;
  47   margin-bottom: 0px;
  48   -moz-margin-start: 0px;
  49   -moz-margin-end: 5px;
  50 }
  51
  52 #installFileButton, #installUpdatesAllButton {
  53   -moz-image-region: rect(0px, 84px, 21px, 63px);
  54 }
  55
  56 #installFileButton[disabled="true"],
  57 #installUpdatesAllButton[disabled="true"] {
  58   -moz-image-region: rect(21px, 84px, 42px, 63px);
  59 }
  60
  61 #checkUpdatesAllButton {
  62   -moz-image-region: rect(0px, 63px, 21px, 42px);
  63 }
  64 #checkUpdatesAllButton[disabled="true"] {
  65   -moz-image-region: rect(21px, 63px, 42px, 42px);
  66 }
  67
  68 #restartAppButton {
  69   -moz-image-region: rect(0px, 42px, 21px, 21px);
  70 }
  71
  72 #restartAppButton[disabled="true"] {
  73   -moz-image-region: rect(21px, 42px, 42px, 21px);
  74 }
  75
  76 /* these skip/continue icons don't make sense. it's just a placeholder. */
  77 #skipDialogButton {
  78   -moz-image-region: rect(0px, 42px, 21px, 21px);
  79 }
  80
  81 #skipDialogButton[disabled="true"] {
  82   -moz-image-region: rect(21px, 42px, 42px, 21px);
  83 }
  84
  85 #continueDialogButton {
  86   -moz-image-region: rect(0px, 42px, 21px, 21px);
  87 }
  88
  89 #continueDialogButton[disabled="true"] {
  90   -moz-image-region: rect(21px, 42px, 42px, 21px);
  91 }
  92
  93 /* List Items */
  94 richlistitem {
  95   padding-top: 6px;
  96   padding-bottom: 6px;
  97   -moz-padding-start: 7px;
  98   -moz-padding-end: 7px;
  99   min-height: 25px;
 100   border-bottom: 1px dotted #666699;
 101 }
 102
 103 richlistitem[isDisabled="true"] .addonIcon {
 104   opacity: 0.3;
 105 }
 106
 107 richlistitem[isDisabled="true"] {
 108   color: #808080;
 109 }
 110
 111 richlistitem[selected="true"] {
 112   background-color: #CCD0DD;
 113   color: #000000;
 114 }
 115
 116 richlistbox[focused] richlistitem[selected="true"] {
 117   background-color: #336699;
 118   color: #FFFFFF;
 119 }
 120
 121 richlistbox[focused] richlistitem[selected="true"][isDisabled="true"] {
 122   background-color: #666699;
 123   color: #FFFFFF;
 124 }
 125
 126 .descriptionWrap {
 127   margin-bottom: 2px;
 128 }
 129
 130 richlistitem[selected="true"]:not([opType]) .descriptionCrop {
 131   display: none;
 132 }
 133
 134 .addonName {
 135   font-weight: bold;
 136 }
 137
 138 .addonIcon {
 139   -moz-margin-end: 2px;
 140 }
 141
 142 .previewText {
 143   font-size: larger;
 144   font-weight: bold;
 145   color: #000000;
 146   text-align: center;
 147 }
 148
 149 #themePreviewArea {
 150   border: 1px inset #CCD0DD;
 151   background-color: #FFFFFF;
 152   color: #000000;
 153   overflow: auto;
 154   width: 0px;
 155 }
 156
 157 #themeSplitter {
 158  border-width: 0;
 159 }
 160
 161 .addonIcon {
 162   width: 32px;
 163   max-width: 32px;
 164   height: 32px;
 165   max-height: 32px;
 166 }
 167
 168 richlistitem .updateBadge,
 169 richlistitem .notifyBadge {
 170   width: 16px;
 171   height: 16px;
 172   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 173 }
 174
 175 richlistitem .updateBadge,
 176 richlistitem .notifyBadge {
 177   margin-bottom: -3px;
 178 }
 179
 180 richlistitem .updateBadge {
 181   -moz-margin-end: -2px;
 182 }
 183
 184 richlistitem .notifyBadge {
 185   -moz-margin-start: -2px;
 186 }
 187
 188 .updateBadge,
 189 .updateAvailableBox,
 190 .notifyBadge {
 191   display: none;
 192 }
 193
 194 richlistitem[availableUpdateURL][updateable="true"]
 195 richlistitem[availableUpdateURL][updateable="true"] .updateAvailableBox,
 196 richlistitem[compatible="false"] .notifyBadge,
 197 richlistitem[blocklisted="true"] .notifyBadge,
 198 richlistitem[satisfiesDependencies="false"] .notifyBadge {
 199   display: -moz-box;
 200 }
 201
 202
 203 /* Selected Add-on buttons */
 204 .selectedButtons {
 205   margin-top: 4px;
 206   min-height: 2.1em;
 207 }
 208
 209 .selectedButtons button {
 210   margin-top: 0;
 211   margin-bottom: 0;
 212 }
 213
 214 .optionsButton, .useThemeButton {
 215   -moz-margin-end: 0;
 216 }
 217
 218 .enableButton, .disableButton {
 219   -moz-margin-start: 5px;
 220   -moz-margin-end: 0;
 221 }
 222
 223 .uninstallButton, .cancelUninstallButton {
 224   -moz-margin-start: 5px;
 225 }
 226
 227 .enableHide,
 228 .uninstallShow,
 229 .installShow,
 230 .upgradeShow,
 231 richlistitem[isDisabled="true"] .disableHide {
 232   display: none;
 233 }
 234
 235 richlistitem[opType="needs-uninstall"] .uninstallShow,
 236 richlistitem[opType="needs-install"] .installShow,
 237 richlistitem[opType="needs-upgrade"] .upgradeShow,
 238 richlistitem[opType="needs-enable"] .enableShow,
 239 richlistitem[opType="needs-disable"] .disableShow,
 240 richlistitem[isDisabled="true"] .disableShow {
 241   display: -moz-box;
 242 }
 243
 244 richlistitem[opType="needs-uninstall"] .uninstallHide,
 245 richlistitem[opType="needs-install"] .uninstallHide,
 246 richlistitem[opType="needs-upgrade"] .uninstallHide,
 247 richlistitem[opType="needs-enable"] .enableHide,
 248 richlistitem[opType="needs-disable"] .disableHide {
 249   display: none;
 250 }
 251
 252 richlistitem[plugin] .themeButton,
 253 richlistitem[plugin] .optionsButton,
 254 richlistitem[plugin] .uninstallButton,
 255 richlistitem[type="2"] .themeButton,
 256 richlistitem[type="8"] .themeButton,
 257 richlistitem[type="4"] .optionsButton,
 258 richlistitem[type="8"] .optionsButton,
 259 richlistitem[type="4"] .disableShow,
 260 richlistitem[type="4"] .disableHide {
 261   display: none;
 262 }
 263
 264 /* Selected Add-on status messages and images */
 265 richlistitem[compatible="true"] .incompatibleBox,
 266 richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
 267 richlistitem[blocklisted="false"] .blocklistedBox,
 268 richlistitem[opType="needs-uninstall"] .blocklistedBox,
 269 richlistitem[opType="needs-uninstall"] .incompatibleBox,
 270 richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
 271 richlistitem[opType="needs-uninstall"] .blocklistedBox {
 272   display: none;
 273 }
 274
 275 richlistitem[loading="true"] .updateBadge {
 276   display: -moz-box;
 277   width: 16px;
 278   height: 16px;
 279   margin-bottom: -3px;
 280   -moz-margin-end: -2px;
 281   list-style-image: url("chrome://global/skin/icons/loading.gif");
 282   -moz-image-region: auto;
 283 }
 284
 285 .addonThrobber {
 286   -moz-margin-start: 5px;
 287   width: 16px;
 288   height: 16px;
 289   list-style-image: url("chrome://global/skin/icons/loading.gif");
 290 }
 291
 292 .selectedStatusMsgs hbox {
 293   margin-top: 2px;
 294   margin-bottom: 2px;
 295 }
 296
 297 .selectedStatusMsgs label {
 298   font-weight: bold;
 299 }
 300
 301 .selectedStatusMsgs label.text-link {
 302   font-weight: normal;
 303   border: none;
 304 }
 305
 306 .needsInstall, .needsUninstall, .needsEnable, .needsDisable {
 307   display: none;
 308 }
 309
 310 richlistitem[opType="needs-install"] .needsInstall,
 311 richlistitem[opType="needs-uninstall"] .needsUninstall,
 312 richlistitem[opType="needs-enable"] .needsEnable,
 313 richlistitem[opType="needs-disable"] .needsDisable {
 314   display: -moz-box;
 315 }
 316
 317 richlistitem[opType="needs-uninstall"] .notifyBadge {
 318   display: none;
 319 }
 320
 321 #progressBox {
 322   padding: 5px 5px 5px 5px;
 323 }
 324
 325 #progressBox > hbox {
 326   -moz-box-align: center;
 327 }
 328
 329 /* View buttons */
 330 .viewSelector {
 331   border-bottom: 1px solid #9999CC;
 332   margin: 0px;
 333   -moz-padding-start: 10px;
 334   background-color: #CCD0DD;
 335   color: #000000;
 336 }
 337
 338 #viewGroup radio {
 339   margin: 0px 1px 0px 1px;
 340   padding: 1px 3px 1px 3px;
 341   min-width: 4.5em;
 342   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 343   border: 1px solid transparent;
 344 }
 345
 346 #viewGroup radio:hover {
 347   border: 1px outset #CCD0DD;
 348 }
 349
 350 #viewGroup radio[selected="true"] {
 351   border: 1px inset #CCD0DD;
 352 }
 353
 354 .viewButtonIcon {
 355   width: 32px;
 356   height: 32px;
 357 }
 358
 359 radio#extensions-view {
 360   -moz-image-region: rect(0px, 32px,  32px, 0px)
 361 }
 362
 363 radio#themes-view {
 364   -moz-image-region: rect(0px, 64px,  32px, 32px)
 365 }
 366
 367 radio#locales-view {
 368   -moz-image-region: rect(0px, 96px,  32px, 64px)
 369 }
 370
 371 radio#plugins-view {
 372   -moz-image-region: rect(0px, 128px, 32px, 96px)
 373 }
 374
 375 radio#updates-view {
 376   -moz-image-region: rect(0px, 160px, 32px, 128px)
 377 }
 378
 379 radio#installs-view {
 380   -moz-image-region: rect(0px, 192px, 32px, 160px)
 381 }
 382
 383 /* Update view checkbox */
 384 .includeUpdate {
 385   -moz-user-focus: none;
 386 }
 387
 388 richlistitem[selected="true"] .includeUpdate {
 389   -moz-user-focus: normal;
 390 }