add arcgis world imagery

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index 16bacfcc11edc4774132d558fb0b6279d4a592d3..832b5bf06d8459ae354aaec0e523ded1d4b6c19c 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -143,10 +143,19 @@ h1 {
   display: block;
 }
 
+/* non-standard touch screen detection for Mozilla browsers */
 .overlayArea:-moz-system-metric(touch-enabled),
 .menuDrawer:-moz-system-metric(touch-enabled) {
+  font-size: 3mm;
   font-size: 3mozmm;
 }
+/* Standard, Media Queries Level 4 touch screen detection */
+@media (pointer:coarse) {
+  .overlayArea,
+  .menuDrawer {
+    font-size: 16px;
+  }
+}
 
 .overlayArea input[type="button"],
 .overlayArea button,
@@ -410,6 +419,21 @@ h1 {
   color: #FFFFFF;
 }
 
+.overlayArea .minorbutton {
+  font-size: 75%;
+  border: none !important;
+  padding: 0 2px;
+}
+.overlayArea .minorbutton:not(:disabled):active {
+  padding: 0 1px 0 3px;
+}
+.overlayArea .statusmsg {
+  font-size: 75%;
+}
+.overlayArea .statusmsg.error {
+  color: #FF8080;
+}
+
 #loginerror {
   color: red;
   font-weight: bold;