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