X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/bf2e2c714066fe9064708552f2e31e64fa0982d3..8dfecbfbb2b246440fd09a0a4c2190c26a20b37e:/public/stylesheets/site.css

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 1a4b8df4c..164941b2e 100644
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -65,10 +65,12 @@ body {
 
 #greeting {
   float: right;
+  height: 20px;
+  margin: 0px;
   padding-right: 10px;
   padding-top: 5px;
-  padding-bottom: 7px;
   font-size: 13px;
+  line-height: 14px;
   background: url('/images/tab_bottom.gif') repeat-x bottom;
 }
 
@@ -80,7 +82,18 @@ body {
   font-size: 11px;
 }
 
-#left_menu {
+#alert {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #d00;
+  line-height: 1.2em;
+  text-align: left;
+  font-size: 14px;
+}
+
+.left_menu {
   width: 150px;
   min-width: 150px;
   margin: 10px;
@@ -93,67 +106,72 @@ body {
   font-size: 14px;
   font-weight: bold;
 }
-#left_menu td {
+
+.left_menu td {
   font-size: 12px;
   padding-right: 4px;
 }
-#left_menu h1 {
+
+.left_menu h1 {
   font-style: normal;
   font-size: 15px;
   padding: 0 0 0 1em;
   text-align: left;
 }
 
-#left_menu ul {
+.left_menu ul {
   /*list-style: none;*/
   padding-left: 10px;
   margin: 0;
 }
 
-#left_menu li {
+.left_menu li {
   margin:0;
   padding:0;
 }
 
-#left_menu img {
+.left_menu img {
   margin: 2px 8px 0 0;
 }
 
-#left_menu a {
+.left_menu a {
   color: #000000;
   text-decoration: none;
 }
 
-#left_menu a:visited {
+.left_menu a:visited {
   color: #000000;
   text-decoration: none;
 }
 
-#left_menu a:active {
+.left_menu a:active {
   color: #000000;
   text-decoration: none;
 }
 
-#left_menu a:link {
+.left_menu a:link {
   color: #000000;
   text-decoration: none;
 }
 
-#left_menu a:hover {
+.left_menu a:hover {
   color: #000000;
   text-decoration: underline;
 }
 
+#messages {
+  border: 1px solid #ccc;
+}
+
 
 #content {
-  /* width: 700px; */
   padding: 0;
-  /*padding-left: 1em;*/
   margin: 0;
   position: absolute; 
   left: 192px;
+  right: 10px;
   top: 35px;
-  background: none;
+  bottom: 10px;
   line-height: 1.2em;
   text-align: left;
 }
@@ -241,7 +259,7 @@ hides rule from IE5-Mac \*/
 #tabnav
 {
   height: 20px;
-  margin: 0;
+  margin: 0px;
   padding-left: 215px;
   padding-top: 5px;
   background: url('/images/tab_bottom.gif') repeat-x bottom;
@@ -285,25 +303,6 @@ hides rule from IE5-Mac \*/
   font-size: 10px;
 }
 
-#geocoder {
-  font-size: 12px;
-  padding-top: 5px;
-  padding-left: 14px;
-}
-
-#placename-helper{
-  font-size: 9px;
-  position:relative; bottom:36px; left: 470px;
-  color: gray;
-}
-
-#postcode-helper{
-  font-size: 9px;
-  position:relative; bottom:17px; left: 180px;
-  color: gray;
-}
-
-
 
 .gpxsummary {
   font-size: 12px;
@@ -337,7 +336,19 @@ hides rule from IE5-Mac \*/
 }
 
 .oboxheader {
-  font-size: 18px;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 1.4em;
+  text-align: top;
+}
+
+.optionalbox form {
+  margin: 0px;
+  padding: 0px;
+}
+
+.optionalbox input {
+  width: 100%;
 }
 
 .rsssmall {
@@ -374,6 +385,74 @@ hides rule from IE5-Mac \*/
   cursor: pointer;
 }
 
+#map {
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px; 
+  padding: 0px;
+  left: 0px;
+  right: 2px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#search_results {
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px;
+  padding: 0px;
+  width: 30%;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#search_results_content {
+  overflow: auto;
+  position: absolute;
+  font-size: 13px;
+  line-height: 14px;
+  top: 29px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+
+.search_results_title {
+  margin: 0px;
+  padding: 3px 6px 3px 6px;
+  height: 29px;
+  font-size: 14px;
+  line-height: 15px;
+  border-bottom: 1px solid black;
+  background: #bbb;
+}
+
+.search_results_heading {
+  margin: 0px;
+  padding: 3px 6px 3px 6px;
+  border: 1px solid #ccc;
+  background: #ddd;
+}
+
+.search_results_entry {
+  margin: 0px;
+  padding: 2px 6px 2px 6px;
+}
+
+.search_results_error {
+  margin: 0px;
+  padding: 2px 6px 0px 6px;
+  color: #f00;
+}
+
+.search_help {
+  font-size: 10px;
+  line-height: 1em;
+  margin-top: 3px;
+  margin-bottom: 0px;
+}
 
 /* rails error field stuff */
 
@@ -423,3 +502,59 @@ hides rule from IE5-Mac \*/
 input {
   border: 1px solid black;
 }
+
+.nohome .location {
+  display: none;
+}
+
+#homerow .message {
+  display: none;
+}
+
+.nohome .message {
+  display: inline !important;
+}
+
+.editDescription {
+  height : 10ex;
+  width : 30em;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+/**
+ * This now just used to detect the width/height required for the popup.
+ */
+#map p#highlightinfo {
+    visibility : hidden;
+    position : absolute;
+    z-index : 10000;
+    background : white;
+    border : 1px solid black;
+    left : 50px;
+    top : 5px;
+    margin : 0px;
+    padding : 2px;
+}
+
+#map p#highlightinfo p, #popup p {
+    margin : 0;
+    padding : 2px;
+  }
+
+
+/**State of the Map */
+    
+#sotminfo {
+  background: #9999FF;
+  font-size: 11px;
+  margin: 0px;
+  padding: 0px;
+  border: 1px solid #ccc;
+  left: 0px;
+  line-height: 1.2em;
+  text-align: Left;
+  font-weight: normal;
+}