Fix wrapping in changeset lists properly.

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

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 2bfe21d246f4ef8b1b50e4bc6ea7afee28554aa4..54a70a6116d24b15aef2891e084aa153d5a2bda8 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -64,13 +64,14 @@ body {
 }
 
 #intro {
 }
 
 #intro {

-  width: 150px;
+  width: 170px;

   margin: 10px;
   margin: 10px;

-  padding: 10px;

   border: 1px solid #ccc;
   font-size: 11px;
 }
 
   border: 1px solid #ccc;
   font-size: 11px;
 }
 

+#intro p { margin: 10px; }
+

 #alert {
   width: 150px;
   margin: 10px;
 #alert {
   width: 150px;
   margin: 10px;


@@ -82,6 +83,22 @@ body {
   font-size: 14px;
 }
 
   font-size: 14px;
 }
 

+#sotm {
+  width: 170px;
+  padding: 0px;
+}
+
+.notice {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #ea0;
+  line-height: 1.2em;
+  text-align: left;
+  font-size: 14px;
+}
+

 .left_menu {
   width: 150px;
   min-width: 150px;
 .left_menu {
   width: 150px;
   min-width: 150px;


@@ -171,14 +188,30 @@ body {
   font-size: x-small;
 }
 
   font-size: x-small;
 }
 

-#keyvalue {
+#changeset_list, #keyvalue {

   font-size: small;
   text-align: left;
   border-collapse: collapse;
   border-width: 0px;
 }
 
   font-size: small;
   text-align: left;
   border-collapse: collapse;
   border-width: 0px;
 }
 

-#keyvalue.th {
+#changeset_list {
+  width: 100%;
+}
+
+#changeset_list .date {
+  white-space: nowrap;
+}
+
+#changeset_list .user {
+  white-space: nowrap;
+}
+
+#changeset_list .area {
+  white-space: nowrap;
+}
+
+#changeset_list.th {

   font-weight: bold;
 }
 
   font-weight: bold;
 }
 


@@ -190,7 +223,7 @@ body {
 #header {
   float: left;
   width: 100%;
 #header {
   float: left;
   width: 100%;

-  background: #DAE0D2 url("bg.gif") repeat-x bottom;
+  background: #DAE0D2;

   font-size: 93%;
   line-height: normal;
 }
   font-size: 93%;
   line-height: normal;
 }


@@ -201,14 +234,12 @@ body {
 }
 #header li {
   float: left;
 }
 #header li {
   float: left;

-  /*background:url("left.gif") no-repeat left top;*/

   margin: 0px;
   padding: 0px 0px 0px 9px;
 }
 #header li a {
   float: left;
   display: block;
   margin: 0px;
   padding: 0px 0px 0px 9px;
 }
 #header li a {
   float: left;
   display: block;

-  /*background:url("right.gif") no-repeat right top;*/

   padding: 5px 15px 4px 6px;
   text-decoration: none;
   font-weight: bold;
   padding: 5px 15px 4px 6px;
   text-decoration: none;
   font-weight: bold;


@@ -221,11 +252,7 @@ hides rule from IE5-Mac \*/
 #header li a:hover {
   color: #333;
 }
 #header li a:hover {
   color: #333;
 }

-#header #current {
-  /* background-image:url("left_on.gif"); */
-}

 #header #current a {
 #header #current a {

-  background-image: url("right_on.gif");

   color: #333;
   padding-bottom: 5px;
 }
   color: #333;
   padding-bottom: 5px;
 }


@@ -277,6 +304,12 @@ hides rule from IE5-Mac \*/
   font-size: 10px;
 }
 
   font-size: 10px;
 }
 

+hr {
+  border: none;
+  background-color: #ccc;
+  color: #ccc;
+  height: 1px;
+}

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


@@ -355,17 +388,9 @@ hides rule from IE5-Mac \*/
   top: 4px;
 }
 
   top: 4px;
 }
 

-#cclogo {
-  width: 150px;
-  min-width: 150px;
-  margin: 10px;
-  padding: 10px;
-  left: 0px;
-  line-height: 1.2em;
-  text-align: left;
-  font-size: 14px;
-  font-weight: bold;
-  background: #fff;
+.button {
+  margin-top: 10px;
+  margin-bottom: 10px;

 }
 
 #controls img
 }
 
 #controls img


@@ -562,28 +587,6 @@ input[type="submit"] {
   padding: 2px;
 }
 
   padding: 2px;
 }
 

-/**State of the Map */
-    
-#sotminfo {
-  background: #99F;
-  font-size: 11px;
-  margin: 0px;
-  padding: 0px;
-  border: 1px solid #ccc;
-  left: 0px;
-  line-height: 1.2em;
-  text-align: Left;
-  font-weight: normal;
-}
-
-#sotminfo a:link {
-  text-decoration: underline;
-}
-
-#sotminfo a:visited {
-  text-decoration: underline;
-}
-

 #permalink {
   z-index:10000;
   position:absolute;
 #permalink {
   z-index:10000;
   position:absolute;