also decrease borders around copyright message

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index b6b596d23167e56616c260194bfe8013a0e70a73..9183859e5ecc8b73a4b58eb9d146bccfb2b3b331 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -19,6 +19,15 @@ h1 {
   z-index: 5;
 }
 
+#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: 2.5mozmm;
+}
+
 #zoomLevel {
   background-color: rgba(255, 255, 255, .8);
   border-radius: 3px;
@@ -77,3 +86,15 @@ h1 {
   border-radius: 3px;
   padding: 0 3px;
 }
+
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
+  #copyright {
+    bottom: 1px;
+    right: 1px;
+    font-size: 8px;
+  }
+}