X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fcss%2Fsyj.css;h=f3d0f0b965fc041c976f77dfb4d8c839ef377b52;hb=f0cec87e660f4c34740d6a8c6256f534c67bb8b1;hp=84585871d6c4ec11e135a06217d0c49f8b4c0767;hpb=df34270546848988c83d5b079a87a2c8b267a047;p=syj.git

diff --git a/public/css/syj.css b/public/css/syj.css
index 8458587..f3d0f0b 100644
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -43,8 +43,67 @@ body, html {
 }
 
 /*
- * controls rules
+ * menu rules
  */
+
+#menu {
+    text-align: right;
+}
+
+.menu-group {
+    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;
+}
+
+#path-infos-content {
+    background-color: white;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    margin: 2px 10px 2px 0;
+}
+
+#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;
+}
+#path-length-title {
+    text-decoration: underline;
+}
+
 #data_controls {
     position: absolute;
     right: 0.5em;
@@ -62,8 +121,67 @@ 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;
+}
+#nominatim-suggestions {
+    border: 2px solid blue;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    margin-top: 8px;
+<<<<<<< HEAD
+    max-width: 360px;
+    width: 360px\9; /* ie only */
+=======
+    max-width: 320px;
+    width: 320px\9; /* ie only */
+>>>>>>> cf7da47... display route length
+    position: absolute;
+    background-color: white;
+}
+#nominatim-suggestions-title {
+    text-align: center;
+    font-weight: bold;
+}
+#nominatim-suggestions-list {
+    list-style: none;
+    padding: 0 16px 0 12px;
+}
+#nominatim-suggestions-list li.current {
+    background-color: #D3D3D3;
+}
+.nominatim-suggestions-icon {
+    border: none;
+    vertical-align: middle;
+    margin-right: 4px;
+}
+.nominatim-suggestions-link {
+    text-decoration: none;
+}
+
 #geomform {
     padding: 25px 45px 20px 45px;
+    *width: 40%; /* otherwise takes all screen width in ie<7 */
 }
 #edit-btn {
     margin-top: 1em;
@@ -75,40 +193,15 @@ body, html {
     margin-top: 0.7em;
 }
 
-#login_controls {
-    padding-top: 8px;
-    padding-left: 3em;
-}
-
-.login-anchor {
-    display: block;
-    float: left;
-    position: relative;
-    background-color: white;
-    margin: 0px 10px 0px 10px;
-    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;
+#other-language {
     opacity: 0.85;
     filter:alpha(opacity=85);
-}
-.login-anchor:hover {
-    background-color: #BBBBFF;
-}
-
-#account-info-bullet {
-    /* in firefox, in image inside an anchor has a border */
-    border: none;
-    vertical-align: middle;
+    background-color: white;
+    padding: 5px 1px 5px 1px;
+    position: relative; /* otherwise, under #map in ie */
 }
 
-/*
- * login rules
+/* * login rules
  */
 .modal {
     background-color: white;
@@ -133,6 +226,10 @@ body, html {
     text-align: right;
 }
 
+#user_control_anchor {
+    text-align: right;
+}
+
 #user_email-desc {
     margin: 0px 0px 12px 0px;
     padding: 8px 2px 8px 2px;
@@ -141,15 +238,20 @@ body, html {
 
 #termsofusearea {
     height: 50%;
+    /* override opacity defined in .modal rule */
+    opacity: 1;
+    filter:alpha(opacity=100);
 }
 
-#other-language {
-    opacity: 0.85;
-    filter:alpha(opacity=85);
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    background-color: white;
-    padding: 5px 1px 5px 1px;
-    margin: 0;
+/*
+ * printing
+ */
+@media print {
+    @page {
+      size: landscape;
+    }
+
+    #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
+        display: none;
+    }
 }