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: 10px 10px 5px 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 richlistitem[isDisabled="true"] .disableHide {
 230   display: none;
 231 }
 232
 233 richlistitem[opType="needs-uninstall"] .uninstallShow,
 234 richlistitem[opType="needs-enable"] .enableShow,
 235 richlistitem[opType="needs-disable"] .disableShow,
 236 richlistitem[isDisabled="true"] .disableShow {
 237   display: -moz-box;
 238 }
 239
 240 richlistitem[opType="needs-uninstall"] .uninstallHide,
 241 richlistitem[opType="needs-enable"] .enableHide,
 242 richlistitem[opType="needs-disable"] .disableHide {
 243   display: none;
 244 }
 245
 246 richlistitem[type="2"] .themeButton,
 247 richlistitem[type="8"] .themeButton,
 248 richlistitem[type="16"] .themeButton,
 249 richlistitem[type="4"] .optionsButton,
 250 richlistitem[type="8"] .optionsButton,
 251 richlistitem[type="16"] .optionsButton,
 252 richlistitem[type="4"] .disableShow,
 253 richlistitem[type="4"] .disableHide {
 254   display: none;
 255 }
 256
 257 /* Selected Add-on status messages and images */
 258 richlistitem[compatible="true"] .incompatibleBox,
 259 richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
 260 richlistitem[blocklisted="false"] .blocklistedBox,
 261 richlistitem[opType="needs-uninstall"] .blocklistedBox,
 262 richlistitem[opType="needs-uninstall"] .incompatibleBox,
 263 richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
 264 richlistitem[opType="needs-uninstall"] .blocklistedBox {
 265   display: none;
 266 }
 267
 268 richlistitem[loading="true"] .updateBadge {
 269   display: -moz-box;
 270   width: 16px;
 271   height: 16px;
 272   margin-bottom: -3px;
 273   -moz-margin-end: -2px;
 274   list-style-image: url("chrome://global/skin/icons/loading.gif");
 275   -moz-image-region: auto;
 276 }
 277
 278 .addonThrobber {
 279   -moz-margin-start: 5px;
 280   width: 16px;
 281   height: 16px;
 282   list-style-image: url("chrome://global/skin/icons/loading.gif");
 283 }
 284
 285 .selectedStatusMsgs hbox {
 286   margin-top: 2px;
 287   margin-bottom: 2px;
 288 }
 289
 290 .selectedStatusMsgs label {
 291   font-weight: bold;
 292 }
 293
 294 .selectedStatusMsgs label.text-link {
 295   font-weight: normal;
 296   border: none;
 297 }
 298
 299 .needsInstall, .needsUninstall, .needsEnable, .needsDisable {
 300   display: none;
 301 }
 302
 303 richlistitem[opType="needs-install"] .needsInstall,
 304 richlistitem[opType="needs-uninstall"] .needsUninstall,
 305 richlistitem[opType="needs-enable"] .needsEnable,
 306 richlistitem[opType="needs-disable"] .needsDisable {
 307   display: -moz-box;
 308 }
 309
 310 richlistitem[opType="needs-uninstall"] .notifyBadge {
 311   display: none;
 312 }
 313
 314 #progressBox {
 315   padding: 5px 5px 5px 5px;
 316 }
 317
 318 #progressBox > hbox {
 319   -moz-box-align: center;
 320 }
 321
 322 /* View buttons */
 323 .viewSelector {
 324   border-bottom: 1px solid #9999CC;
 325   margin: 0px;
 326   -moz-padding-start: 10px;
 327   background-color: #CCD0DD;
 328   color: #000000;
 329 }
 330
 331 #viewGroup radio {
 332   margin: 0px 1px 0px 1px;
 333   padding: 1px 3px 1px 3px;
 334   min-width: 4.5em;
 335   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 336   border: 1px solid transparent;
 337 }
 338
 339 #viewGroup radio:hover {
 340   border: 1px outset #CCD0DD;
 341 }
 342
 343 #viewGroup radio[selected="true"] {
 344   border: 1px inset #CCD0DD;
 345 }
 346
 347 .viewButtonIcon {
 348   width: 32px;
 349   height: 32px;
 350 }
 351
 352 radio#extensions-view {
 353   -moz-image-region: rect(0px, 32px,  32px, 0px)
 354 }
 355
 356 radio#themes-view {
 357   -moz-image-region: rect(0px, 64px,  32px, 32px)
 358 }
 359
 360 radio#locales-view {
 361   -moz-image-region: rect(0px, 96px,  32px, 64px)
 362 }
 363
 364 radio#plugins-view {
 365   -moz-image-region: rect(0px, 128px, 32px, 96px)
 366 }
 367
 368 radio#updates-view {
 369   -moz-image-region: rect(0px, 160px, 32px, 128px)
 370 }
 371
 372 radio#installs-view {
 373   -moz-image-region: rect(0px, 192px, 32px, 160px)
 374 }
 375
 376 /* Update view checkbox */
 377 .includeUpdate {
 378   -moz-user-focus: none;
 379 }
 380
 381 richlistitem[selected="true"] .includeUpdate {
 382   -moz-user-focus: normal;
 383 }