X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=ae8e1b67524107fde25b611e2ce6693c05a8f2ee;hb=4022a532856c006efc57fbd8830bde4607c0114d;hp=d6ce283c0a4f76b380b6eb82b72586f41f598425;hpb=36fd88b7c9509509dc20070dae48883abe01a3fa;p=syj.git

diff --git a/public/css/syj.css b/public/css/syj.css
index d6ce283..ae8e1b6 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -29,6 +29,37 @@ body, html {
     left: 0.5em;
 }
 
+.olControlLayerSwitcher {
+    bottom: 4em;
+    top: auto;
+    left: 13px;
+    opacity: 0.75;
+    height: 6em;
+    max-width: intrinsic;
+    max-width: -moz-max-content;
+}
+
+/* setting opacity to .olControlLayerSwitcher does not work */
+.olControlLayerSwitcher .layersDiv,
+.olControlLayerSwitcher .maximizeDiv,
+.olControlLayerSwitcher .minimizeDiv
+{
+    filter:alpha(opacity=75);
+}
+
+.olControlLayerSwitcher .dataLayersDiv, .olControlLayerSwitcher .dataLbl {
+    display: none;
+}
+.olControlLayerSwitcher .layersDiv {
+    padding: 5px 12px 5px 36px;
+}
+.olControlLayerSwitcher .maximizeDiv {
+    top: -6em;
+}
+.olControlLayerSwitcher .minimizeDiv {
+    left: 4px;
+}
+
 /*
  * main message rules
  */
@@ -38,7 +69,7 @@ body, html {
     bottom: 3.5em;
     width: 40%;
     margin: 0px 45% 0px 15%;
-    padding: 1.5em 1.5em 1.5em 1.5em;
+    padding: 1.5em 1.5em 0.5em 1.5em;
     text-align: center;
     border-width: 2px;
     border-style: solid;
@@ -46,6 +77,11 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }
+@media screen and (max-width: 640px) {
+    #message.optional {
+        display: none;
+    }
+}
 
 /*
  * menu rules
@@ -78,6 +114,7 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background-color: white;
+    cursor: pointer;
 }
 .menu-item:hover {
     background-color: #E0E0FF;
@@ -117,6 +154,7 @@ body, html {
 
 #data_controls {
     position: absolute;
+    z-index: 11; /* to be over login-controls */
     right: 0.5em;
     bottom: 3em;
     text-align: center;
@@ -175,6 +213,7 @@ body, html {
     background-color: white;
     padding: 5px 1px 5px 1px;
     position: relative; /* otherwise, under #map in ie */
+    margin-bottom: 10px;
 }
 
 /* nominatim-suggestions */
@@ -253,16 +292,3 @@ body, html {
     opacity: 1;
     filter:alpha(opacity=100);
 }
-
-/*
- * printing
- */
-@media print {
-    @page {
-      size: landscape;
-    }
-
-    #message, #menu, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
-        display: none;
-    }
-}