Adding 'shortlink' functions which will allow URLs like http://osm.org/go/XXXX suitab...

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

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index edaf46cefedbf5b41033947e20aac150c35d7052..86b38f8ace41b1f65f8e302e2b42d634c8b8b394 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -1,21 +1,9 @@
-a {
-  color: #0000ff;
-  text-decoration: none;
-}
-a:visited {
-  color: #0000ff;
-  text-decoration: none;
-}
-a:active {
-  color: #0000ff;
-  text-decoration: none;
-}
-a:link {
-  color: #0000ff;
+a, a:visited, a:active, a:link, a:hover {
+  color: #00f;

   text-decoration: none;
 }
   text-decoration: none;
 }

+

 a:hover {
 a:hover {

-  color: #0000ff;

   text-decoration: underline;
 }
 
   text-decoration: underline;
 }
 


@@ -33,9 +21,10 @@ a:hover {
 
 body {
   font-family: Arial,sans-serif;
 
 body {
   font-family: Arial,sans-serif;

-  color: Black;
-  margin: 0;
-  padding: 0;
+  color: #000;
+  background-color: #fff;
+  margin: 0px;
+  padding: 0px;

 }
 
 #left {
 }
 
 #left {


@@ -50,19 +39,38 @@ body {
   padding: 10px;
   margin: 10px;
   height: 150px;
   padding: 10px;
   margin: 10px;
   height: 150px;

-  background: #ffffff;
-  border: 1px solid #ccccdd;
+  background: #fff;
+  border: 1px solid #ccd;

 }
 #logo h1 {
   font-size: 14px;
   text-align: center;
 }
 #logo h1 {
   font-size: 14px;
   text-align: center;

-  margin: 0;
+  margin: 0px;

 }
 #logo h2 {
   font-size: 10px;
 }
 #logo h2 {
   font-size: 10px;

-  margin: 0;
+  margin: 0px;
+}
+
+/* The Map Key sidebar */
+#mapkey h3 {
+    font-size: 110%;
+    font-weight: normal;
+    text-align: center;
+}
+
+#mapkey .mapkey-table {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+/*#mapkey .mapkey-table-key {}*/
+
+#mapkey .mapkey-table-value {
+    font-size: 90%;

 }
 
 }
 

+

 #greeting {
   float: right;
   height: 20px;
 #greeting {
   float: right;
   height: 20px;


@@ -74,14 +82,20 @@ body {
   background: url('/images/tab_bottom.gif') repeat-x bottom;
 }
 
   background: url('/images/tab_bottom.gif') repeat-x bottom;
 }
 

+/* An unread message (e.g. "inbox(1)") */
+.greeting-bar-unread {
+  font-weight: bold;
+}
+

 #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;


@@ -93,6 +107,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;


@@ -115,47 +145,32 @@ body {
 .left_menu h1 {
   font-style: normal;
   font-size: 15px;
 .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;
   text-align: left;
 }
 
 .left_menu ul {
   /*list-style: none;*/
   padding-left: 10px;

-  margin: 0;
+  margin: 0px;

 }
 
 .left_menu li {
 }
 
 .left_menu li {

-  margin:0;
-  padding:0;
+  margin: 0px;
+  padding: 0px;

 }
 
 .left_menu img {
 }
 
 .left_menu img {

-  margin: 2px 8px 0 0;
-}
-
-.left_menu a {
-  color: #000000;
-  text-decoration: none;
-}
-
-.left_menu a:visited {
-  color: #000000;
-  text-decoration: none;
-}
-
-.left_menu a:active {
-  color: #000000;
-  text-decoration: none;
+  margin: 2px 8px 0px 0px;

 }
 
 }
 

-.left_menu a:link {
-  color: #000000;
+.left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover {
+  color: #000;

   text-decoration: none;
 }
 
 .left_menu a:hover {
   text-decoration: none;
 }
 
 .left_menu a:hover {

-  color: #000000;
+  color: #000;

   text-decoration: underline;
 }
 
   text-decoration: underline;
 }
 


@@ -165,8 +180,8 @@ body {
 
 
 #content {
 
 
 #content {

-  padding: 0;
-  margin: 0;
+  padding: 0px;
+  margin: 0px;

   position: absolute; 
   left: 192px;
   right: 10px;
   position: absolute; 
   left: 192px;
   right: 10px;


@@ -197,14 +212,30 @@ body {
   font-size: x-small;
 }
 
   font-size: x-small;
 }
 

-#keyvalue {
+#changeset_list, #keyvalue {

   font-size: small;
   text-align: left;
   border-collapse: collapse;
   font-size: small;
   text-align: left;
   border-collapse: collapse;

-  border-width: 0;
+  border-width: 0px;
+}
+
+#changeset_list {
+  width: 100%;
+}
+
+#changeset_list .date {
+  white-space: nowrap;
+}
+
+#changeset_list .user {
+  white-space: nowrap;
+}
+
+#changeset_list .area {
+  white-space: nowrap;

 }
 
 }
 

-#keyvalue.th {
+#changeset_list.th {

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


@@ -214,46 +245,40 @@ body {
 
 
 #header {
 
 
 #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;
+  font-size: 93%;
+  line-height: normal;

 }
 #header ul {
 }
 #header ul {

-  margin:0;
-  padding:10px 10px 0px 215px;
-  list-style:none;
+  margin: 0px;
+  padding: 10px 10px 0px 215px;
+  list-style: none;

 }
 #header li {
 }
 #header li {

-  float:left;
-  /*background:url("left.gif") no-repeat left top;*/
-  margin:0;
-  padding:0 0 0 9px;
+  float: left;
+  margin: 0px;
+  padding: 0px 0px 0px 9px;

 }
 #header li a {
 }
 #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;
-  color:#765;
+  float: left;
+  display: block;
+  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 {
 }
 /* Commented Backslash Hack
 hides rule from IE5-Mac \*/
 #header li a {float:none;}
 /* End IE5-Mac hack */
 #header li a:hover {

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

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

-  background-image:url("right_on.gif");
-  color:#333;
-  padding-bottom:5px;
+  color: #333;
+  padding-bottom: 5px;

 }
 
 #tabnav
 }
 
 #tabnav


@@ -266,8 +291,8 @@ hides rule from IE5-Mac \*/
 }
 #tabnav li
 {
 }
 #tabnav li
 {

-  margin: 0; 
-  padding: 0;
+  margin: 0px; 
+  padding: 0px;

   display: inline;
   list-style-type: none;
 }
   display: inline;
   list-style-type: none;
 }


@@ -278,7 +303,7 @@ hides rule from IE5-Mac \*/
   font-size: 13px;
   line-height: 14px;
   font-weight: bold;
   font-size: 13px;
   line-height: 14px;
   font-weight: bold;

-  padding: 2px 10px 2px 10px;
+  padding: 2px 10px;

   margin-right: 4px;
   border: 1px solid #ccc;
   text-decoration: none;
   margin-right: 4px;
   border: 1px solid #ccc;
   text-decoration: none;


@@ -303,6 +328,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;


@@ -330,7 +361,7 @@ hides rule from IE5-Mac \*/
   border: 1px solid #ccc;
   left: 0px;
   line-height: 1.2em;
   border: 1px solid #ccc;
   left: 0px;
   line-height: 1.2em;

-  text-align: Left;
+  text-align: left;

   font-size: 12px;
   background: #eee;
 }
   font-size: 12px;
   background: #eee;
 }


@@ -354,13 +385,21 @@ hides rule from IE5-Mac \*/
   padding: 0px;
 }
 
   padding: 0px;
 }
 

-.optionalbox input {
+#search_field form {

   width: 100%;
 }
 
   width: 100%;
 }
 

+#search_field input[type="text"] {
+  width: 116px;
+}
+
+#search_field input[type="submit"] {
+  width: 26px;
+}
+

 .search_form {
   height: 16px;
 .search_form {
   height: 16px;

-  padding-bottom: 2px;
+  padding-bottom: 6px;

 }
 
 #search_active {
 }
 
 #search_active {


@@ -373,17 +412,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


@@ -394,10 +425,10 @@ hides rule from IE5-Mac \*/
 #controls
 {
   position:absolute;
 #controls
 {
   position:absolute;

-  top:0px;
-  left:0px;
-  width:64px;
-  height:32px;
+  top: 0px;
+  left: 0px;
+  width: 64px;
+  height: 32px;

   z-index: 9998;
   cursor: pointer;
 }
   z-index: 9998;
   cursor: pointer;
 }


@@ -413,7 +444,7 @@ hides rule from IE5-Mac \*/
   bottom: 0px;
 }
 
   bottom: 0px;
 }
 

-#search_results {
+#sidebar {

   display: none;
   position: absolute;
   border: 1px solid black;
   display: none;
   position: absolute;
   border: 1px solid black;


@@ -425,7 +456,7 @@ hides rule from IE5-Mac \*/
   bottom: 0px;
 }
 
   bottom: 0px;
 }
 

-#search_results_content {
+#sidebar_content {

   overflow: auto;
   position: absolute;
   font-size: 13px;
   overflow: auto;
   position: absolute;
   font-size: 13px;


@@ -436,9 +467,9 @@ hides rule from IE5-Mac \*/
   right: 0px;
 }
 
   right: 0px;
 }
 

-.search_results_title {
+.sidebar_title {

   margin: 0px;
   margin: 0px;

-  padding: 3px 6px 3px 6px;
+  padding: 3px 6px;

   height: 29px;
   font-size: 14px;
   line-height: 15px;
   height: 29px;
   font-size: 14px;
   line-height: 15px;


@@ -446,21 +477,33 @@ hides rule from IE5-Mac \*/
   background: #bbb;
 }
 
   background: #bbb;
 }
 

+.browse_heading {
+  margin: 0px;
+  padding: 3px 6px;
+  border: 1px solid #ccc;
+  background: #ddd;
+}
+
+.browse_details {
+  margin: 0px;
+  padding: 0px 6px;
+}
+

 .search_results_heading {
   margin: 0px;
 .search_results_heading {
   margin: 0px;

-  padding: 3px 6px 3px 6px;
+  padding: 3px 6px;

   border: 1px solid #ccc;
   background: #ddd;
 }
 
 .search_results_entry {
   margin: 0px;
   border: 1px solid #ccc;
   background: #ddd;
 }
 
 .search_results_entry {
   margin: 0px;

-  padding: 2px 6px 2px 6px;
+  padding: 2px 6px;

 }
 
 .search_results_error {
   margin: 0px;
 }
 
 .search_results_error {
   margin: 0px;

-  padding: 2px 6px 0px 6px;
+  padding: 2px 6px 0px;

   color: #f00;
 }
 
   color: #f00;
 }
 


@@ -471,6 +514,10 @@ hides rule from IE5-Mac \*/
   margin-bottom: 0px;
 }
 
   margin-bottom: 0px;
 }
 

+.olControlAttribution {
+  display: none !important;
+}
+

 /* inbox and messaging stuff */
 .inbox-row-unread .inbox-subject {
        font-weight: bold;
 /* inbox and messaging stuff */
 .inbox-row-unread .inbox-subject {
        font-weight: bold;


@@ -512,7 +559,7 @@ hides rule from IE5-Mac \*/
 
 #errorExplanation p {
   color: #333;
 
 #errorExplanation p {
   color: #333;

-  margin-bottom: 0;
+  margin-bottom: 0px;

   padding: 5px;
 }
 
   padding: 5px;
 }
 


@@ -521,10 +568,24 @@ hides rule from IE5-Mac \*/
   list-style: square;
 }
 
   list-style: square;
 }
 

-input {
+input[type="text"], input[type="password"], textarea {

   border: 1px solid black;
 }
 
   border: 1px solid black;
 }
 

+input[type="submit"] {
+  border: 1px solid black;
+}
+
+#accountForm td {
+       padding-bottom:10px;
+}
+
+.fieldName {
+       text-align:right;
+       font-weight:bold;
+}
+
+

 .nohome .location {
   display: none;
 }
 .nohome .location {
   display: none;
 }


@@ -537,9 +598,8 @@ input {
   display: inline !important;
 }
 
   display: inline !important;
 }
 

-.editDescription {
-  height : 10ex;
-  width : 30em;
+.minorNote {
+       font-size:0.8em;

 }
 
 .nowrap {
 }
 
 .nowrap {


@@ -547,20 +607,68 @@ input {
 }
 
 #map #popup p {
 }
 
 #map #popup p {

-  margin : 0;
-  padding : 2px;
+  margin: 0px;
+  padding: 2px;

 }
 
 }
 

-/**State of the Map */
-    
-#sotminfo {
-  background: #9999FF;
-  font-size: 11px;
+#permalink {
+  z-index:10000;
+  position:absolute;
+  bottom:15px;
+  right:15px;
+  font-size:smaller;
+  text-align: right;
+}
+
+#attribution {
+  display: none;
+}
+
+.export_heading {

   margin: 0px;
   margin: 0px;

-  padding: 0px;
+  padding: 3px 6px;

   border: 1px solid #ccc;
   border: 1px solid #ccc;

-  left: 0px;
-  line-height: 1.2em;
-  text-align: Left;
-  font-weight: normal;
+  background: #ddd;
+}
+
+.export_bounds {
+  width: 100%;
+  text-align: center;
+}
+
+.export_bound {
+  margin: 5px;
+}
+
+.export_details {
+  padding: 2px 6px;
+}
+
+#export_osm {
+  display: none;
+}
+
+#export_mapnik {
+  display: none;
+}
+
+#export_osmarender {
+  display: none;
+}
+
+.export_hint {
+  padding: 0px 12px;
+  font-style: italic;
+}
+
+.export_buttons {
+  width: 100%;
+  text-align: center;
+}
+
+#noscript {
+  z-index: 20000000;
+  position: absolute;
+  top: 15px;
+  left: 15px

 }
 }