add image size and scale entries and make them be syched back and forth
[mandelbrot-web.git] / style / mandelbrot.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 body {
6   font-family: sans-serif;
7 }
8
9 h1 {
10   display: none;
11 }
12
13 #overlayArea {
14   position: absolute;
15 }
16
17 #overlayArea:-moz-system-metric(touch-enabled) {
18   font-size: 3mozmm;
19 }
20
21 #overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
22 #overlayArea select:-moz-system-metric(touch-enabled) {
23   font-size: 3mozmm;
24 }
25
26 #settings {
27   display: none;
28   background-color: rgba(255, 255, 255, .8);
29 }
30
31 #mainArea {
32   text-align: center;
33   margin: 1em 0;
34 }
35
36 #mbrotImage {
37   background-color: lightblue;
38 }
39
40 @media screen and (max-width: 500px) {
41   body {
42     font-size: 10px;
43   }
44 }