X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=style%2Fmandelbrot.css;h=339ad551b8f017788d716f96e04376013d246145;hb=9e4328c596d5b106e00aee0366437c56d037853a;hp=8aa65ac9a5ace044bbcc0863548f614a00cc3d26;hpb=d0244cd366597d6e75c6f81b28d56b7207342337;p=mandelbrot-web.git

diff --git a/style/mandelbrot.css b/style/mandelbrot.css
index 8aa65ac..339ad55 100644
--- a/style/mandelbrot.css
+++ b/style/mandelbrot.css
@@ -4,14 +4,39 @@
 
 body {
   font-family: sans-serif;
+  background-color: #222222;
+  color: #FFFFFF;
+}
+
+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);
+  color: #000000;
+  border-radius: 3px;
+  border: 1px solid #FFFFFF;
+}
+
+#settings > legend {
+  background-color: #FFFFFF;
+  color: #000000;
+  border-radius: 3px;
 }
 
 #mainArea {
@@ -20,5 +45,11 @@ body {
 }
 
 #mbrotImage {
-  background-color: lightblue;
+  background-color: #444444;
+}
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
 }