Add a flag to allow the API to be placed in read-only mode.

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

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 0dc7eaf18881a6c1122b8e0b238a7ba0379b7d31..194eee874a49c92e905871d85d604684102845f1 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -1,4 +1,3 @@
-\r
 a {\r
   color: #0000ff;\r
   text-decoration: none;\r
@@ -70,7 +69,7 @@ body {
   padding-top: 5px;\r
   padding-bottom: 7px;\r
   font-size: 13px;\r
-  background: url(tab_bottom.gif) repeat-x bottom;\r
+  background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 }\r
 \r
 #intro {\r
@@ -81,7 +80,18 @@ body {
   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
@@ -94,64 +104,70 @@ body {
   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
-#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
-#left_menu ul {\r
+.left_menu ul {\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
-#left_menu img {\r
+.left_menu img {\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
-#left_menu a:visited {\r
+.left_menu a:visited {\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
-#left_menu a:link {\r
+.left_menu a:link {\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
+#messages {\r
+  border: 1px solid #ccc;\r
+}\r
+\r
 \r
 #content {\r
-  width: 700px;\r
+  /* width: 700px; */\r
   padding: 0;\r
   /*padding-left: 1em;*/\r
   margin: 0;\r
-  position: absolute;\r
+  position: absolute; \r
   left: 192px;\r
   top: 35px;\r
   background: none;\r
@@ -167,7 +183,6 @@ body {
   text-align: center;\r
 }\r
 \r
-\r
 #mapImage {\r
   position: absolute;\r
   left: 0px;\r
@@ -176,9 +191,9 @@ body {
   top: 0px;\r
   left: 14px;\r
 }\r
+\r
 #mapEpilog {\r
   font-size: x-small;\r
-\r
 }\r
 \r
 #keyvalue {\r
@@ -246,7 +261,7 @@ hides rule from IE5-Mac \*/
   margin: 0;\r
   padding-left: 215px;\r
   padding-top: 5px;\r
-  background: url(tab_bottom.gif) repeat-x bottom;\r
+  background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 }\r
 #tabnav li\r
 {\r
@@ -291,8 +306,31 @@ hides rule from IE5-Mac \*/
   font-size: 12px;\r
   padding-top: 5px;\r
   padding-left: 14px;\r
+  padding-bottom: 15px;\r
+  width: 700px;\r
+}\r
+\r
+#placename-helper{\r
+  font-size: 9px;\r
+  position:absolute; top:20px; left: 250px;\r
+  color: gray;\r
+}\r
+\r
+#postcode-helper{\r
+  font-size: 9px;\r
+  position:absolute; top:20px; left: 20px;\r
+  color: gray;\r
+}\r
+\r
+#geocoder-attribution{\r
+  font-size: 9px;\r
+  position:absolute; top:26px; left: 450px;\r
+  line-height: 8px;\r
+  color: gray;\r
 }\r
 \r
+\r
+\r
 .gpxsummary {\r
   font-size: 12px;\r
   color: gray;\r
@@ -362,3 +400,108 @@ hides rule from IE5-Mac \*/
   cursor: pointer;\r
 }\r
 \r
+\r
+/* rails error field stuff */\r
+\r
+.fieldWithErrors {\r
+  padding: 2px;\r
+  background-color: red;\r
+  display: table;\r
+}\r
+\r
+#notice {\r
+  border: 1px solid green;\r
+  padding: 7px;\r
+  background-color: #f0fff0;\r
+  margin-bottom: 20px;\r
+}\r
+\r
+#errorExplanation {\r
+  width: 400px;\r
+  border: 2px solid red;\r
+  padding: 7px;\r
+  padding-bottom: 12px;\r
+  margin-bottom: 20px;\r
+  background-color: #f0f0f0;\r
+}\r
+\r
+#errorExplanation h2 {\r
+  text-align: left;\r
+  font-weight: bold;\r
+  padding: 5px 5px 5px 15px;\r
+  font-size: 12px;\r
+  margin: -7px;\r
+  background-color: #c00;\r
+  color: #fff;\r
+}\r
+\r
+#errorExplanation p {\r
+  color: #333;\r
+  margin-bottom: 0;\r
+  padding: 5px;\r
+}\r
+\r
+#errorExplanation ul li {\r
+  font-size: 12px;\r
+  list-style: square;\r
+}\r
+\r
+input {\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