gecko/browser/base/content/aboutaccounts/aboutaccounts.css

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

#content {
  width: 100%;
  height: 100%;
  border: 0;
  display: flex;
}

#remote {
  width: 100%;
  height: 100%;
  border: 0;
  display: none;
}

#manage, #intro, #stage {
  display: none;
}

#stage {
  opacity: 1;
}

.graphic-sync-intro {
  background-image: url(images/graphic_sync_intro.png);
}

.description, .button-row {
  margin-top: 30px;
}

/* Retina */
@media
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .graphic-sync-intro {
    background-image: url(images/graphic_sync_intro@2x.png);
  }
}