apply small screen font size to copyright explicitely

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index b6b596d23167e56616c260194bfe8013a0e70a73..08f77afedbc9cb67a2b314f9337aad42c5e2e04e 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,10 @@ h1 {
   border-radius: 3px;
   padding: 0 3px;
 }
+
+
+@media screen and (max-width: 500px) {
+  #copyright {
+    font-size: 10px;
+  }
+}