New improved geocoder with extra added AJAX and OSM Namefinder support.

[rails.git] / public / stylesheets / site.css

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index d49b603ad5894a472bb61dd00b8debe466f8de9a..2fe7710fd416a8d38ecff7fe954de2307e8151c8 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -66,8 +66,8 @@ body {
 #greeting {\r
   float: right;\r
   padding-right: 10px;\r
 #greeting {\r
   float: right;\r
   padding-right: 10px;\r

-  padding-top: 5px;\r
-  padding-bottom: 7px;\r
+  padding-top: 2px;\r
+  padding-bottom: 3px;\r

   font-size: 13px;\r
   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 }\r
   font-size: 13px;\r
   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 }\r


@@ -80,7 +80,18 @@ body {
   font-size: 11px;\r
 }\r
 \r
   font-size: 11px;\r
 }\r
 \r

-#left_menu {\r
+#alert {\r
+  width: 150px;\r
+  margin: 10px;\r
+  padding: 10px;\r
+  border: 1px solid #ccc;\r
+  background: #d00;\r
+  line-height: 1.2em;\r
+  text-align: left;\r
+  font-size: 14px;\r
+}\r
+\r
+.left_menu {\r

   width: 150px;\r
   min-width: 150px;\r
   margin: 10px;\r
   width: 150px;\r
   min-width: 150px;\r
   margin: 10px;\r


@@ -93,67 +104,72 @@ body {
   font-size: 14px;\r
   font-weight: bold;\r
 }\r
   font-size: 14px;\r
   font-weight: bold;\r
 }\r

-#left_menu td {\r
+\r
+.left_menu td {\r

   font-size: 12px;\r
   padding-right: 4px;\r
 }\r
   font-size: 12px;\r
   padding-right: 4px;\r
 }\r

-#left_menu h1 {\r
+\r
+.left_menu h1 {\r

   font-style: normal;\r
   font-size: 15px;\r
   padding: 0 0 0 1em;\r
   text-align: left;\r
 }\r
 \r
   font-style: normal;\r
   font-size: 15px;\r
   padding: 0 0 0 1em;\r
   text-align: left;\r
 }\r
 \r

-#left_menu ul {\r
+.left_menu ul {\r

   /*list-style: none;*/\r
   padding-left: 10px;\r
   margin: 0;\r
 }\r
 \r
   /*list-style: none;*/\r
   padding-left: 10px;\r
   margin: 0;\r
 }\r
 \r

-#left_menu li {\r
+.left_menu li {\r

   margin:0;\r
   padding:0;\r
 }\r
 \r
   margin:0;\r
   padding:0;\r
 }\r
 \r

-#left_menu img {\r
+.left_menu img {\r

   margin: 2px 8px 0 0;\r
 }\r
 \r
   margin: 2px 8px 0 0;\r
 }\r
 \r

-#left_menu a {\r
+.left_menu a {\r

   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r
   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r

-#left_menu a:visited {\r
+.left_menu a:visited {\r

   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r
   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r

-#left_menu a:active {\r
+.left_menu a:active {\r

   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r
   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r

-#left_menu a:link {\r
+.left_menu a:link {\r

   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r
   color: #000000;\r
   text-decoration: none;\r
 }\r
 \r

-#left_menu a:hover {\r
+.left_menu a:hover {\r

   color: #000000;\r
   text-decoration: underline;\r
 }\r
 \r
   color: #000000;\r
   text-decoration: underline;\r
 }\r
 \r

+#messages {\r
+  border: 1px solid #ccc;\r
+}\r
+\r

 \r
 #content {\r
 \r
 #content {\r

- /* width: 700px; */\r

   padding: 0;\r
   padding: 0;\r

-  /*padding-left: 1em;*/\r

   margin: 0;\r
   position: absolute; \r
   left: 192px;\r
   margin: 0;\r
   position: absolute; \r
   left: 192px;\r

+  right: 10px;\r

   top: 35px;\r
   top: 35px;\r

-  background: none;\r
+  bottom: 10px;\r

   line-height: 1.2em;\r
   text-align: left;\r
 }\r
   line-height: 1.2em;\r
   text-align: left;\r
 }\r


@@ -285,11 +301,6 @@ hides rule from IE5-Mac \*/
   font-size: 10px;\r
 }\r
 \r
   font-size: 10px;\r
 }\r
 \r

-#geocoder {\r
-  font-size: 12px;\r
-  padding-top: 5px;\r
-  padding-left: 14px;\r
-}\r

 \r
 .gpxsummary {\r
   font-size: 12px;\r
 \r
 .gpxsummary {\r
   font-size: 12px;\r


@@ -323,7 +334,19 @@ hides rule from IE5-Mac \*/
 }\r
 \r
 .oboxheader {\r
 }\r
 \r
 .oboxheader {\r

-  font-size: 18px;\r
+  font-size: 14px;\r
+  font-weight: bold;\r
+  line-height: 1.4em;\r
+  text-align: top;\r
+}\r
+\r
+.optionalbox form {\r
+  margin: 0px;\r
+  padding: 0px;\r
+}\r
+\r
+.optionalbox input {\r
+  width: 100%;\r

 }\r
 \r
 .rsssmall {\r
 }\r
 \r
 .rsssmall {\r


@@ -360,6 +383,63 @@ hides rule from IE5-Mac \*/
   cursor: pointer;\r
 }\r
 \r
   cursor: pointer;\r
 }\r
 \r

+#map {\r
+  position: absolute;\r
+  border: 1px solid black;\r
+  margin: 0px; \r
+  padding: 0px;\r
+  left: 0px;\r
+  right: 2px;\r
+  top: 0px;\r
+  bottom: 0px;\r
+}\r
+\r
+#search_results {\r
+  display: none;\r
+  position: absolute;\r
+  border: 1px solid black;\r
+  margin: 0px;\r
+  padding: 0px;\r
+  width: 30%;\r
+  left: 0px;\r
+  top: 0px;\r
+  bottom: 0px;\r
+}\r
+\r
+#search_results_content {\r
+  overflow: auto;\r
+  position: absolute;\r
+  top: 29px;\r
+  bottom: 0px;\r
+  left: 0px;\r
+  right: 0px;\r
+}\r
+\r
+.search_results_title {\r
+  margin: 0px;\r
+  padding: 3px 6px 3px 6px;\r
+  height: 29px;\r
+  border-bottom: 1px solid black;\r
+  background: #bbb;\r
+}\r
+\r
+.search_results_heading {\r
+  margin: 0px;\r
+  padding: 3px 6px 3px 6px;\r
+  border: 1px solid #ccc;\r
+  background: #ddd;\r
+}\r
+\r
+.search_results_entry {\r
+  margin: 0px;\r
+  padding: 2px 6px 2px 6px;\r
+}\r
+\r
+.search_results_error {\r
+  margin: 0px;\r
+  padding: 2px 6px 0px 6px;\r
+  color: #f00;\r
+}\r

 \r
 /* rails error field stuff */\r
 \r
 \r
 /* rails error field stuff */\r
 \r


@@ -407,5 +487,61 @@ hides rule from IE5-Mac \*/
 }\r
 \r
 input {\r
 }\r
 \r
 input {\r

- border: 1px solid black;\r
+  border: 1px solid black;\r
+}\r
+\r
+.nohome .location {\r
+  display: none;\r
+}\r
+\r
+#homerow .message {\r
+  display: none;\r
+}\r
+\r
+.nohome .message {\r
+  display: inline !important;\r
+}\r
+\r
+.editDescription {\r
+  height : 10ex;\r
+  width : 30em;\r
+}\r
+\r
+.nowrap {\r
+  white-space: nowrap;\r
+}\r
+\r
+/**\r
+ * This now just used to detect the width/height required for the popup.\r
+ */\r
+#map p#highlightinfo {\r
+    visibility : hidden;\r
+    position : absolute;\r
+    z-index : 10000;\r
+    background : white;\r
+    border : 1px solid black;\r
+    left : 50px;\r
+    top : 5px;\r
+    margin : 0px;\r
+    padding : 2px;\r
+}\r
+\r
+#map p#highlightinfo p, #popup p {\r
+    margin : 0;\r
+    padding : 2px;\r
+  }\r
+\r
+\r
+/**State of the Map */\r
+    \r
+#sotminfo {\r
+  background: #9999FF;\r
+  font-size: 11px;\r
+  margin: 0px;\r
+  padding: 0px;\r
+  border: 1px solid #ccc;\r
+  left: 0px;\r
+  line-height: 1.2em;\r
+  text-align: Left;\r
+  font-weight: normal;\r

 }\r
 }\r