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