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

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

diff --git a/style/mandelbrot.css b/style/mandelbrot.css
index 04bc96068a887b163ef9b119a442b423bbf81baa..4c0af96f90a633782d4ca2e26da2b45da25936a7 100644 (file)
--- a/style/mandelbrot.css
+++ b/style/mandelbrot.css
@@ -6,12 +6,26 @@ 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 {