X-Git-Url: https://dev.renevier.net/?p=syj.git;a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=8e29c424d7b779ed54ae5d73b783f0ec43892a82;hp=c930c52e4ec60cf492edd443f8fda98c16cb6161;hb=556c960d0d6dc38ad3de6267936a4ab69a322eb0;hpb=efacbb1c5dff964a707dd1902cb0b49fcb75ac8c

diff --git a/public/css/syj.css b/public/css/syj.css
index c930c52..8e29c42 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -1,5 +1,6 @@
-/*  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;
     width: 100%;
@@ -9,21 +10,56 @@ 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;
     *bottom: 2.5em;
-    _bottom: 3.0em;
     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
  */
@@ -33,13 +69,12 @@ body, html {
     bottom: 3.5em;
     width: 40%;
     margin: 0px 45% 0px 15%;
-    padding: 1.5em 1.5em 1.5em 1.5em;
-    text-align: center;
-    border-width: 2px;
-    border-style: solid;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
+    padding-bottom: 0.5em;
+}
+@media screen and (max-width: 640px) {
+    #message.optional {
+        display: none;
+    }
 }
 
 /*
@@ -50,8 +85,70 @@ 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;
+    cursor: pointer;
+}
+.menu-item:hover {
+    background-color: #E0E0FF;
+}
+
+.info-title {
+    text-decoration: underline;
+}
+.info-content a {
+    text-decoration: none;
+}
+
+#path-infos-content {
+    text-align: center;
+    padding: 4px 15px 15px 15px;
+}
+
+.info-content {
+    margin-bottom: 0.5em;
+}
+
+#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;
+    z-index: 11; /* to be over login-controls */
     right: 0.5em;
     bottom: 3em;
     text-align: center;
@@ -67,8 +164,32 @@ body, html {
 #data_controls_btns {
     padding: 5px 10px 5px 10px;
 }
+
+#nominatim-form {
+    text-align: left;
+    padding-bottom: 7px;
+    margin-bottom: 3px;
+    border-bottom: 1px solid black;
+}
+#nominatim-message {
+    max-width: 16em;
+    padding: 15px 0 15px 0;
+}
+#nominatim-label {
+    text-decoration: none;
+}
+#nominatim-search {
+    border: 1px solid black;
+}
+#nominatim-submit {
+    width: 26px;
+    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;
@@ -80,50 +201,51 @@ body, html {
     margin-top: 0.7em;
 }
 
-#login_controls {
-    padding-top: 8px;
-    padding-left: 3em;
-    clear: right;
+#other-language {
+    opacity: 0.85;
+    filter:alpha(opacity=85);
+    background-color: white;
+    padding: 5px 1px 5px 1px;
     position: relative; /* otherwise, under #map in ie */
+    margin-bottom: 10px;
 }
 
-.login-anchor {
-    float: right;
-    clear: right;
-    min-width: 150px;
-    margin: 2px 10px 2px 0;
+/* nominatim-suggestions */
+#nominatim-suggestions {
+    text-align: left;
+    border: 2px solid blue;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    max-width: 360px;
+    width: 360px\9; /* ie only */
     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);
+    position: absolute;
+    right: 8px;
 }
-.login-anchor:hover {
-    background-color: #BBBBFF;
+#nominatim-suggestions-list {
+    margin-left: 0;
+    position: relative;
+    list-style: none;
+    padding: 0 16px 0 12px;
 }
-
-#account-info-bullet {
-    /* in firefox, in image inside an anchor has a border */
+#nominatim-suggestions-title {
+    text-align: center;
+    font-weight: bold;
+}
+#nominatim-suggestions-list li.current {
+    background-color: #D3D3D3;
+}
+.nominatim-suggestions-icon {
     border: none;
     vertical-align: middle;
+    margin-right: 4px;
 }
-
-#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-link {
+    text-decoration: none;
 }
 
-/*
- * login rules
+/* * login rules
  */
 .modal {
     background-color: white;