X-Git-Url: https://dev.renevier.net/?p=syj.git;a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=e8b6d43d421b4f6203d20d73050709ee23cf31c9;hp=18e5927c8c8cfbd68568fbdb17a7e94f391d136e;hb=900d1254794c9dcd434c9fb13beac6bc1e9a6ab9;hpb=db98e1f62272cff0b425133aa3b909c5cfa6183d

diff --git a/public/css/syj.css b/public/css/syj.css
index 18e5927..e8b6d43 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -50,6 +50,59 @@ body, html {
     text-align: right;
 }
 
+.menu-group {
+    z-index: 10; /* to be over nominatim-suggestions */
+    position: relative; /* otherwise, under #map in ie */
+    float: right;
+    clear: right;
+    padding-top: 8px;
+    padding-left: 3em;
+    opacity: 0.85;
+    filter:alpha(opacity=85);
+}
+
+.menu-item {
+    position: relative; /* otherwise, under #map in ie */
+    min-width: 150px;
+    margin: 2px 10px 2px 0;
+    background-color: white;
+    text-decoration: none;
+    border: #1E90FF 2px solid;
+    padding: 2px 15px 2px 15px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background-color: white;
+}
+.menu-item:hover {
+    background-color: #BBBBFF;
+}
+
+.info-title {
+    text-decoration: underline;
+}
+
+#path-infos-content {
+    text-align: center;
+    padding: 4px 15px 15px 15px;
+}
+
+#path-length {
+    text-align: center;
+    position: absolute; /* otherwise, under #map in ie */
+    top: 1em;
+    left: 5em;
+    opacity: 0.85;
+    margin-right: 12px;
+    filter:alpha(opacity=85);
+    background-color: white;
+    padding: 2px 15px 2px 15px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background-color: white;
+}
+
 #data_controls {
     position: absolute;
     right: 0.5em;
@@ -89,25 +142,52 @@ body, html {
     border: 1px solid black;
     padding: 0;
 }
+
+#geomform {
+    padding: 25px 45px 20px 45px;
+    *width: 40%; /* otherwise takes all screen width in ie<7 */
+}
+#edit-btn {
+    margin-top: 1em;
+}
+#geom_title {
+    margin-top: 0.7em;
+}
+#geom_submit {
+    margin-top: 0.7em;
+}
+
+#other-language {
+    opacity: 0.85;
+    filter:alpha(opacity=85);
+    background-color: white;
+    padding: 5px 1px 5px 1px;
+    position: relative; /* otherwise, under #map in ie */
+}
+
+/* nominatim-suggestions */
 #nominatim-suggestions {
+    text-align: left;
     border: 2px solid blue;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
-    margin-top: 8px;
     max-width: 360px;
     width: 360px\9; /* ie only */
-    position: absolute;
     background-color: white;
-}
-#nominatim-suggestions-title {
-    text-align: center;
-    font-weight: bold;
+    position: absolute;
+    right: 8px;
 }
 #nominatim-suggestions-list {
+    margin-left: 0;
+    position: relative;
     list-style: none;
     padding: 0 16px 0 12px;
 }
+#nominatim-suggestions-title {
+    text-align: center;
+    font-weight: bold;
+}
 #nominatim-suggestions-list li.current {
     background-color: #D3D3D3;
 }
@@ -120,58 +200,7 @@ body, html {
     text-decoration: none;
 }
 
-#geomform {
-    padding: 25px 45px 20px 45px;
-    *width: 40%; /* otherwise takes all screen width in ie<7 */
-}
-#edit-btn {
-    margin-top: 1em;
-}
-#geom_title {
-    margin-top: 0.7em;
-}
-#geom_submit {
-    margin-top: 0.7em;
-}
-
-#login_controls {
-    padding-top: 8px;
-    padding-left: 3em;
-    clear: right;
-    position: relative; /* otherwise, under #map in ie */
-}
-
-.login-anchor {
-    float: right;
-    clear: right;
-    min-width: 150px;
-    margin: 2px 10px 2px 0;
-    background-color: white;
-    text-decoration: none;
-    color: #0000EE;
-    border: #1E90FF 2px solid;
-    padding: 2px 15px 2px 15px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    background-color: white;
-    opacity: 0.85;
-    filter:alpha(opacity=85);
-}
-.login-anchor:hover {
-    background-color: #BBBBFF;
-}
-
-#other-language {
-    opacity: 0.85;
-    filter:alpha(opacity=85);
-    background-color: white;
-    padding: 5px 1px 5px 1px;
-    position: relative; /* otherwise, under #map in ie */
-}
-
-/*
- * login rules
+/* * login rules
  */
 .modal {
     background-color: white;