Replace the PayPal button on the home page with a donate button that

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

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 6fcc5f421f702d1de401daddc53e9c496ffa3bc5..aa9bf216ca4e7d5a965baee30840fd2b66ebef97 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -23,8 +23,8 @@ body {
   font-family: Arial,sans-serif;
   color: #000;
   background-color: #fff;
-  margin: 0;
-  padding: 0;
+  margin: 0px;
+  padding: 0px;
 }
 
 #left {
@@ -45,17 +45,17 @@ body {
 #logo h1 {
   font-size: 14px;
   text-align: center;
-  margin: 0;
+  margin: 0px;
 }
 #logo h2 {
   font-size: 10px;
-  margin: 0;
+  margin: 0px;
 }
 
 #greeting {
   float: right;
   height: 20px;
-  margin: 0;
+  margin: 0px;
   padding-right: 10px;
   padding-top: 5px;
   font-size: 13px;
@@ -64,13 +64,14 @@ body {
 }
 
 #intro {
-  width: 150px;
+  width: 170px;
   margin: 10px;
-  padding: 10px;
   border: 1px solid #ccc;
   font-size: 11px;
 }
 
+#intro p { margin: 10px; }
+
 #alert {
   width: 150px;
   margin: 10px;
@@ -82,13 +83,24 @@ body {
   font-size: 14px;
 }
 
+#donate {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #ea0;
+  line-height: 1.2em;
+  text-align: left;
+  font-size: 12px;
+}
+
 .left_menu {
   width: 150px;
   min-width: 150px;
   margin: 10px;
   padding: 10px;
   border: 1px solid #ccc;
-  left: 0;
+  left: 0px;
   background: #ddd;
   line-height: 1.2em;
   text-align: Left;
@@ -104,23 +116,23 @@ body {
 .left_menu h1 {
   font-style: normal;
   font-size: 15px;
-  padding: 0 0 0 1em;
+  padding: 0em 0em 0em 1em;
   text-align: left;
 }
 
 .left_menu ul {
   /*list-style: none;*/
   padding-left: 10px;
-  margin: 0;
+  margin: 0px;
 }
 
 .left_menu li {
-  margin:0;
-  padding:0;
+  margin: 0px;
+  padding: 0px;
 }
 
 .left_menu img {
-  margin: 2px 8px 0 0;
+  margin: 2px 8px 0px 0px;
 }
 
 .left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover {
@@ -139,8 +151,8 @@ body {
 
 
 #content {
-  padding: 0;
-  margin: 0;
+  padding: 0px;
+  margin: 0px;
   position: absolute; 
   left: 192px;
   right: 10px;
@@ -152,7 +164,7 @@ body {
 
 #bottom_bar {
   position: absolute;
-  bottom: 0;
+  bottom: 0px;
   width: 100%;
   font-size: x-small;
   text-align: center;
@@ -160,10 +172,10 @@ body {
 
 #mapImage {
   position: absolute;
-  left: 0;
+  left: 0px;
 }
 #drag {
-  top: 0;
+  top: 0px;
   left: 14px;
 }
 
@@ -175,7 +187,7 @@ body {
   font-size: small;
   text-align: left;
   border-collapse: collapse;
-  border-width: 0;
+  border-width: 0px;
 }
 
 #keyvalue.th {
@@ -188,60 +200,60 @@ body {
 
 
 #header {
-  float:left;
-  width:100%;
-  background:#DAE0D2 url("bg.gif") repeat-x bottom;
-  font-size:93%;
-  line-height:normal;
+  float: left;
+  width: 100%;
+  background: #DAE0D2 url("bg.gif") repeat-x bottom;
+  font-size: 93%;
+  line-height: normal;
 }
 #header ul {
-  margin:0;
-  padding:10px 10px 0 215px;
-  list-style:none;
+  margin: 0px;
+  padding: 10px 10px 0px 215px;
+  list-style: none;
 }
 #header li {
-  float:left;
+  float: left;
   /*background:url("left.gif") no-repeat left top;*/
-  margin:0;
-  padding:0 0 0 9px;
+  margin: 0px;
+  padding: 0px 0px 0px 9px;
 }
 #header li a {
-  float:left;
-  display:block;
+  float: left;
+  display: block;
   /*background:url("right.gif") no-repeat right top;*/
-  padding:5px 15px 4px 6px;
-  text-decoration:none;
-  font-weight:bold;
-  color:#765;
+  padding: 5px 15px 4px 6px;
+  text-decoration: none;
+  font-weight: bold;
+  color: #765;
 }
 /* Commented Backslash Hack
 hides rule from IE5-Mac \*/
 #header li a {float:none;}
 /* End IE5-Mac hack */
 #header li a:hover {
-  color:#333;
+  color: #333;
 }
 #header #current {
   /* background-image:url("left_on.gif"); */
 }
 #header #current a {
-  background-image:url("right_on.gif");
-  color:#333;
-  padding-bottom:5px;
+  background-image: url("right_on.gif");
+  color: #333;
+  padding-bottom: 5px;
 }
 
 #tabnav
 {
   height: 20px;
-  margin: 0;
+  margin: 0px;
   padding-left: 215px;
   padding-top: 5px;
   background: url('/images/tab_bottom.gif') repeat-x bottom;
 }
 #tabnav li
 {
-  margin: 0; 
-  padding: 0;
+  margin: 0px; 
+  padding: 0px;
   display: inline;
   list-style-type: none;
 }
@@ -302,7 +314,7 @@ hides rule from IE5-Mac \*/
   margin: 10px;
   padding: 10px;
   border: 1px solid #ccc;
-  left: 0;
+  left: 0px;
   line-height: 1.2em;
   text-align: left;
   font-size: 12px;
@@ -324,8 +336,8 @@ hides rule from IE5-Mac \*/
 }
 
 .optionalbox form {
-  margin: 0;
-  padding: 0;
+  margin: 0px;
+  padding: 0px;
 }
 
 #search_field form {
@@ -355,17 +367,11 @@ hides rule from IE5-Mac \*/
   top: 4px;
 }
 
-#cclogo {
-  width: 150px;
-  min-width: 150px;
-  margin: 10px;
-  padding: 10px;
-  left: 0;
-  line-height: 1.2em;
-  text-align: left;
-  font-size: 14px;
-  font-weight: bold;
-  background: #fff;
+.button {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 #controls img
@@ -376,10 +382,10 @@ hides rule from IE5-Mac \*/
 #controls
 {
   position:absolute;
-  top:0;
-  left:0;
-  width:64px;
-  height:32px;
+  top: 0px;
+  left: 0px;
+  width: 64px;
+  height: 32px;
   z-index: 9998;
   cursor: pointer;
 }
@@ -387,24 +393,24 @@ hides rule from IE5-Mac \*/
 #map {
   position: absolute;
   border: 1px solid black;
-  margin: 0; 
-  padding: 0;
-  left: 0;
+  margin: 0px; 
+  padding: 0px;
+  left: 0px;
   right: 2px;
-  top: 0;
-  bottom: 0;
+  top: 0px;
+  bottom: 0px;
 }
 
 #sidebar {
   display: none;
   position: absolute;
   border: 1px solid black;
-  margin: 0;
-  padding: 0;
+  margin: 0px;
+  padding: 0px;
   width: 30%;
-  left: 0;
-  top: 0;
-  bottom: 0;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
 }
 
 #sidebar_content {
@@ -413,13 +419,13 @@ hides rule from IE5-Mac \*/
   font-size: 13px;
   line-height: 14px;
   top: 29px;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
 }
 
 .sidebar_title {
-  margin: 0;
+  margin: 0px;
   padding: 3px 6px;
   height: 29px;
   font-size: 14px;
@@ -429,32 +435,32 @@ hides rule from IE5-Mac \*/
 }
 
 .browse_heading {
-  margin: 0;
+  margin: 0px;
   padding: 3px 6px;
   border: 1px solid #ccc;
   background: #ddd;
 }
 
 .browse_details {
-  margin: 0;
-  padding: 0 6px;
+  margin: 0px;
+  padding: 0px 6px;
 }
 
 .search_results_heading {
-  margin: 0;
+  margin: 0px;
   padding: 3px 6px;
   border: 1px solid #ccc;
   background: #ddd;
 }
 
 .search_results_entry {
-  margin: 0;
+  margin: 0px;
   padding: 2px 6px;
 }
 
 .search_results_error {
-  margin: 0;
-  padding: 2px 6px 0;
+  margin: 0px;
+  padding: 2px 6px 0px;
   color: #f00;
 }
 
@@ -462,7 +468,7 @@ hides rule from IE5-Mac \*/
   font-size: 10px;
   line-height: 1em;
   margin-top: 3px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
 }
 
 .olControlAttribution {
@@ -510,7 +516,7 @@ hides rule from IE5-Mac \*/
 
 #errorExplanation p {
   color: #333;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   padding: 5px;
 }
 
@@ -540,8 +546,8 @@ input[type="submit"] {
 }
 
 .editDescription {
-  height : 10ex;
-  width : 30em;
+  height: 10ex;
+  width: 30em;
 }
 
 .nowrap {
@@ -549,8 +555,8 @@ input[type="submit"] {
 }
 
 #map #popup p {
-  margin : 0;
-  padding : 2px;
+  margin: 0px;
+  padding: 2px;
 }
 
 /**State of the Map */
@@ -558,10 +564,10 @@ input[type="submit"] {
 #sotminfo {
   background: #99F;
   font-size: 11px;
-  margin: 0;
-  padding: 0;
+  margin: 0px;
+  padding: 0px;
   border: 1px solid #ccc;
-  left: 0;
+  left: 0px;
   line-height: 1.2em;
   text-align: Left;
   font-weight: normal;
@@ -588,7 +594,7 @@ input[type="submit"] {
 }
 
 .export_heading {
-  margin: 0;
+  margin: 0px;
   padding: 3px 6px;
   border: 1px solid #ccc;
   background: #ddd;
@@ -620,7 +626,7 @@ input[type="submit"] {
 }
 
 .export_hint {
-  padding: 0 12px;
+  padding: 0px 12px;
   font-style: italic;
 }
 
@@ -630,8 +636,8 @@ input[type="submit"] {
 }
 
 #noscript {
-  z-index:20000000;
-  position:absolute;
-  top:15px;
-  left:15px
+  z-index: 20000000;
+  position: absolute;
+  top: 15px;
+  left: 15px
 }