X-Git-Url: https://git-public.kairo.at/?p=mandelbrot-web.git;a=blobdiff_plain;f=style%2Fmandelbrot.css;h=4c0af96f90a633782d4ca2e26da2b45da25936a7;hp=5e3cade3c04c8ccd397fa22c99d4338e0c3ef764;hb=5d56a513a8ece482f7223dfb8946d8c464f48170;hpb=6a7aa57d0bffbcea1bb023ceb86dd47d8710214b

diff --git a/style/mandelbrot.css b/style/mandelbrot.css
index 5e3cade..4c0af96 100644
--- a/style/mandelbrot.css
+++ b/style/mandelbrot.css
@@ -1,9 +1,31 @@
+/* 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 {
@@ -14,3 +36,9 @@
 #mbrotImage {
   background-color: lightblue;
 }
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
+}