add image size and scale entries and make them be syched back and forth

[mandelbrot-web.git] / style / mandelbrot.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

body {
  font-family: sans-serif;
}

h1 {
  display: none;
}

#overlayArea {
  position: absolute;
}

#overlayArea:-moz-system-metric(touch-enabled) {
  font-size: 3mozmm;
}

#overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
#overlayArea select:-moz-system-metric(touch-enabled) {
  font-size: 3mozmm;
}

#settings {
  display: none;
  background-color: rgba(255, 255, 255, .8);
}

#mainArea {
  text-align: center;
  margin: 1em 0;
}

#mbrotImage {
  background-color: lightblue;
}

@media screen and (max-width: 500px) {
  body {
    font-size: 10px;
  }
}