X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=9dc2a6926dfbddcae75a70f3c0c9d406a59ae61e;hb=6633e95b89c1d1eba9b7b0e612becaf11b085d69;hp=f50af3ed846fedff4ff941e1632199dbf448594e;hpb=ad8cda652fe828281e96e5349cab640bcd29cbf4;p=syj.git

diff --git a/public/css/syj.css b/public/css/syj.css
index f50af3e..9dc2a69 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -1,4 +1,4 @@
-/*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
+/*  This file is part of Syj, Copyright (c) 2010-2011 Arnaud Renevier,
     and is published under the AGPL license. */
 body, html {
     margin: 0; padding: 0;
@@ -9,13 +9,18 @@ body, html {
 /*
  * map rules
  */
-#map {
+#map, #map-overlay {
     position: absolute;
     top: 0; left: 0; right: 0;
     bottom: 2em;
     *width: 100%;
     *height: 100%;
 }
+#map-overlay {
+    background-color: gray;
+    opacity: 0.2;
+    filter:alpha(opacity=0.2);
+}
 
 .olControlAttribution {
     bottom: 0.5em;
@@ -41,6 +46,11 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }
+@media screen and (max-width: 640px) {
+    #message.optional {
+        display: none;
+    }
+}
 
 /*
  * menu rules
@@ -73,17 +83,26 @@ body, html {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background-color: white;
+    cursor: pointer;
 }
 .menu-item:hover {
-    background-color: #BBBBFF;
+    background-color: #E0E0FF;
+}
+
+.info-title {
+    text-decoration: underline;
 }
 
 #path-infos-content {
-    background-color: white;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    margin: 2px 10px 2px 0;
+    text-align: center;
+    padding: 4px 15px 15px 15px;
+}
+
+#path-export-title {
+    margin-top: 1em;
+}
+#path-export-content a {
+    text-decoration: none;
 }
 
 #path-length {
@@ -101,12 +120,10 @@ body, html {
     border-radius: 5px;
     background-color: white;
 }
-#path-length-title {
-    text-decoration: underline;
-}
 
 #data_controls {
     position: absolute;
+    z-index: 11; /* to be over login-controls */
     right: 0.5em;
     bottom: 3em;
     text-align: center;
@@ -165,6 +182,7 @@ body, html {
     background-color: white;
     padding: 5px 1px 5px 1px;
     position: relative; /* otherwise, under #map in ie */
+    margin-bottom: 10px;
 }
 
 /* nominatim-suggestions */
@@ -252,7 +270,7 @@ body, html {
       size: landscape;
     }
 
-    #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
+    #message, #menu, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
         display: none;
     }
 }