Another version of the media-queries CSS stuff. Works better for more pages now.
authorMatt Amos <zerebubuth@gmail.com>
Tue, 13 Oct 2009 14:23:20 +0000 (14:23 +0000)
committerMatt Amos <zerebubuth@gmail.com>
Tue, 13 Oct 2009 14:23:20 +0000 (14:23 +0000)
app/views/layouts/site.html.erb
app/views/user/login.html.erb
public/stylesheets/common.css [new file with mode: 0644]
public/stylesheets/site-sml.css
public/stylesheets/site.css

index ed8c1456b5dd6e8fe45f3f0d810ff65a799a4d85..d1983a9f0ba2e4cb72c62517bfe7406fd5b9b9a1 100644 (file)
@@ -1,14 +1,16 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= I18n.locale %>" lang="<%= I18n.locale %>" dir="<%= t'html.dir' %>">
   <head>
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
+    <%= javascript_strings %>
     <%= javascript_include_tag 'prototype' %>
     <%= javascript_include_tag 'site' %>
     <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
+    <%= stylesheet_link_tag 'common' %>
     <!--[if IE]><%= stylesheet_link_tag 'site', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
-    <%= stylesheet_link_tag 'site-sml', :media => "only screen and (max-width: 481px)" %> 
+    <%= stylesheet_link_tag 'site-sml', :media => "only screen and (max-width: 481px)" %>
     <%= stylesheet_link_tag 'site', :media => "screen and (min-width: 482px)" %> 
-    <%= stylesheet_link_tag 'print', :media => "print" %> 
+    <%= stylesheet_link_tag 'print', :media => "print" %>
     <%= tag("link", { :rel => "search", :type => "application/opensearchdescription+xml", :title => "OpenStreetMap Search", :href => "/opensearch/osm.xml" }) %>
     <%= tag("meta", { :name => "description", :content => "OpenStreetMap is the free wiki world map." }) %>
     <%= yield :head %>
@@ -25,7 +27,8 @@
 
     <span id="greeting">
       <% if @user and @user.id %>
-        <%= t 'layouts.welcome_user', :user_link => (link_to h(@user.display_name), {:controller => 'user', :action => 'view', :display_name => @user.display_name}, :title => t('layouts.welcome_user_link_tooltip')) %> | 
+        <span id="full-greeting"><%= t 'layouts.welcome_user', :user_link => (link_to h(@user.display_name), {:controller => 'user', :action => 'view', :display_name => @user.display_name}, :title => t('layouts.welcome_user_link_tooltip')) %></span> 
+        <span id="small-greeting"><%= link_to t('layouts.welcome_user_link_tooltip'), {:controller => 'user', :action => 'view', :display_name => @user.display_name} %></span> | 
         <%= yield :greeting %>
         <%
         inbox_attributes = {}
       <%= yield :optionals %>
 
       <center>
-        <div class="button" style="width: 115px">
-          <a href="http://donate.openstreetmap.org/"><img src="/images/donate.png" border="0" alt="<%= t 'layouts.alt_donation' %>" title="<%= t 'layouts.alt_donation' %>" /></a>
+        <div class="donate">
+          <a href="http://donate.openstreetmap.org/" title="<%= h(t('layouts.make_a_donation.title')) %>"><%= h(t('layouts.make_a_donation.text')) %></a>
         </div>
 
         <div id="cclogo" class="button" style="width: 88px">
-          <%= link_to image_tag("cc_button.png", :alt => "CC by-sa 2.0", :border => "0"), "http://creativecommons.org/licenses/by-sa/2.0/" %>
+          <%= link_to(
+                  image_tag("cc_button.png",
+                      :alt => t('layouts.license.alt'),
+                      :border => 0,
+                      :width => 88,
+                      :height => 31,
+                      :title => t('layouts.license.title')),
+                  "http://creativecommons.org/licenses/by-sa/2.0/",
+                  { :rel => "license" }) %>
         </div>
       </center>
     </div>
index 0ae8fc0d9da3ba6452094df6822378effde9c21f..77294e62fae34c98cef92b7bd979a3980b88fe58 100644 (file)
@@ -8,6 +8,6 @@
   <tr><td class="fieldName"><%= t 'user.login.email or username' %></td><td><%= text_field('user', 'email',{:size => 28, :maxlength => 255, :tabindex => 1}) %></td></tr>
   <tr><td class="fieldName"><%= t 'user.login.password' %></td><td><%= password_field('user', 'password',{:size => 28, :maxlength => 255, :tabindex => 2}) %> <span class="minorNote">(<%= link_to t('user.login.lost password link'), :controller => 'user', :action => 'lost_password' %>)</span></td></tr>
   <tr><td colspan=2>&nbsp;<!--vertical spacer--></td></tr>
-  <tr><td></td><td align="right"><%= submit_tag t('user.login.login_button'), :tabindex => 3 %></td></tr>
+  <tr><td></td><td align="left"><%= submit_tag t('user.login.login_button'), :tabindex => 3 %></td></tr>
 </table>
 <% end %>
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
new file mode 100644 (file)
index 0000000..b05dcc3
--- /dev/null
@@ -0,0 +1,688 @@
+a, a:visited, a:active, a:link, a:hover {
+  color: #00f;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+#frontpage_main {
+  width: 100%;
+  text-align: center;
+  font-family: sans-serif;
+}
+
+
+#frontpage_MAIN h1 {
+  font-size: xx-large;
+  font-weight: normal;
+}
+
+body {
+  font-family: Arial,sans-serif;
+  color: #000;
+  background-color: #fff;
+  margin: 0px;
+  padding: 0px;
+}
+
+#left {
+  position: absolute;
+  top: -8px;
+  min-width: 150px;
+}
+
+#logo {
+  width: 150px;
+  min-width: 150px;
+  padding: 10px;
+  margin: 10px;
+  height: 150px;
+  background: #fff;
+  border: 1px solid #ccd;
+}
+#logo h1 {
+  font-size: 14px;
+  text-align: center;
+  margin: 0px;
+}
+#logo h2 {
+  font-size: 10px;
+  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;
+  margin: 0px;
+  padding-right: 10px;
+  padding-top: 5px;
+  font-size: 13px;
+  line-height: 14px;
+  background: url('../images/tab_bottom.gif') repeat-x bottom;
+}
+
+#small-greeting {
+    display: none;
+}
+
+/* An unread message (e.g. "inbox(1)") */
+.greeting-bar-unread {
+  font-weight: bold;
+}
+
+#intro {
+  width: 170px;
+  margin: 10px;
+  border: 1px solid #ccc;
+  font-size: 11px;
+}
+
+#intro p { margin: 10px; }
+
+#alert {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #d00;
+  line-height: 1.2em;
+  text-align: left;
+  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;
+}
+
+.donate {
+  width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  background: #cbeea7;
+  line-height: 1.2em;
+  text-align: center;
+  font-size: 14px;
+}
+
+.left_menu {
+  width: 150px;
+  min-width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  left: 0px;
+  background: #ddd;
+  line-height: 1.2em;
+  text-align: Left;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.left_menu td {
+  font-size: 12px;
+  padding-right: 4px;
+}
+
+.left_menu h1 {
+  font-style: normal;
+  font-size: 15px;
+  padding: 0em 0em 0em 1em;
+  text-align: left;
+}
+
+.left_menu ul {
+  /*list-style: none;*/
+  padding-left: 10px;
+  margin: 0px;
+}
+
+.left_menu li {
+  margin: 0px;
+  padding: 0px;
+}
+
+.left_menu img {
+  margin: 2px 8px 0px 0px;
+}
+
+.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 {
+  color: #000;
+  text-decoration: underline;
+}
+
+#messages {
+  border: 1px solid #ccc;
+}
+
+
+#content {
+  padding: 0px;
+  margin: 0px;
+  position: absolute; 
+  left: 192px;
+  right: 10px;
+  top: 35px;
+  bottom: 10px;
+  line-height: 1.2em;
+  text-align: left;
+}
+
+#bottom_bar {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  font-size: x-small;
+  text-align: center;
+}
+
+#mapImage {
+  position: absolute;
+  left: 0px;
+}
+#drag {
+  top: 0px;
+  left: 14px;
+}
+
+#mapEpilog {
+  font-size: x-small;
+}
+
+#changeset_list, #keyvalue {
+  font-size: small;
+  text-align: left;
+  border-collapse: collapse;
+  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;
+}
+
+#changeset_list.th {
+  font-weight: bold;
+}
+
+.emphasized {
+  background-color: #82bcff;
+}
+
+
+#header {
+  float: left;
+  width: 100%;
+  background: #DAE0D2;
+  font-size: 93%;
+  line-height: normal;
+}
+#header ul {
+  margin: 0px;
+  padding: 10px 10px 0px 215px;
+  list-style: none;
+}
+#header li {
+  float: left;
+  margin: 0px;
+  padding: 0px 0px 0px 9px;
+}
+#header li a {
+  float: left;
+  display: block;
+  padding: 5px 15px 4px 6px;
+  text-decoration: none;
+  font-weight: bold;
+  color: #765;
+}
+
+#header li a {float:none;}
+
+#header li a:hover {
+  color: #333;
+}
+#header #current a {
+  color: #333;
+  padding-bottom: 5px;
+}
+
+#tabnav
+{
+  height: 20px;
+  margin: 0px;
+  padding-left: 215px;
+  padding-top: 5px;
+  background: url('../images/tab_bottom.gif') repeat-x bottom;
+}
+#tabnav li
+{
+  margin: 0px; 
+  padding: 0px;
+  display: inline;
+  list-style-type: none;
+}
+#tabnav a, #tabnav a:link, #tabnav a:visited 
+{
+  float: left;
+  background: #f3f3f3;
+  font-size: 13px;
+  line-height: 14px;
+  font-weight: bold;
+  padding: 2px 10px;
+  margin-right: 4px;
+  border: 1px solid #ccc;
+  text-decoration: none;
+  color: #333;
+}
+#tabnav a:link.active, #tabnav a:visited.active
+{
+  border-bottom: 1px solid #fff;
+  background: #fff;
+  color: #000;
+}
+#tabnav a:link:hover
+{
+  background: #fff;
+}
+
+#gads {
+  /*  position: absolute; */
+  left: 100px;
+  width: 700px;
+  text-align: center;
+  font-size: 10px;
+}
+
+hr {
+  border: none;
+  background-color: #ccc;
+  color: #ccc;
+  height: 1px;
+}
+
+.gpxsummary {
+  font-size: 12px;
+  color: gray;
+}
+
+.gpxdesc {
+  font-style: italic;
+}
+
+.table0 { 
+  background: #f6f6f6;
+}
+
+.table1 { 
+  background: #fff;
+}
+
+
+.optionalbox {
+  width: 150px;
+  min-width: 150px;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  left: 0px;
+  line-height: 1.2em;
+  text-align: left;
+  font-size: 12px;
+  background: #eee;
+}
+
+.oboxheader {
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 22px;
+  vertical-align: bottom;
+}
+
+.whereami {
+  position: absolute;
+  right: 21px;
+  line-height: 22px;
+  vertical-align: bottom;
+}
+
+.optionalbox form {
+  margin: 0px;
+  padding: 0px;
+}
+
+#search_field form {
+  width: 100%;
+}
+
+#search_field input[type="text"] {
+  width: 116px;
+}
+
+#search_field input[type="submit"] {
+  width: 26px;
+}
+
+.search_form {
+  height: 16px;
+  padding-bottom: 6px;
+}
+
+.rsssmall {
+  position: relative;
+  top: 4px;
+}
+
+.button {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+#controls img
+{
+  z-index: 9999;
+}
+
+#controls
+{
+  position:absolute;
+  top: 0px;
+  left: 0px;
+  width: 64px;
+  height: 32px;
+  z-index: 9998;
+  cursor: pointer;
+}
+
+#map {
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px; 
+  padding: 0px;
+  left: 0px;
+  right: 2px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#sidebar {
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  margin: 0px;
+  padding: 0px;
+  width: 30%;
+  left: 0px;
+  top: 0px;
+  bottom: 0px;
+}
+
+#sidebar_content {
+  overflow: auto;
+  position: absolute;
+  font-size: 13px;
+  line-height: 14px;
+  top: 29px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+
+.sidebar_title {
+  margin: 0px;
+  padding: 3px 6px;
+  height: 29px;
+  font-size: 14px;
+  line-height: 15px;
+  border-bottom: 1px solid black;
+  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;
+  padding: 3px 6px;
+  border: 1px solid #ccc;
+  background: #ddd;
+}
+
+.search_results_entry {
+  margin: 0px;
+  padding: 2px 6px;
+}
+
+.search_results_error {
+  margin: 0px;
+  padding: 2px 6px 0px;
+  color: #f00;
+}
+
+.search_help {
+  font-size: 10px;
+  line-height: 1em;
+  margin-top: 3px;
+  margin-bottom: 0px;
+}
+
+.search_searching {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.olControlAttribution {
+  display: none !important;
+}
+
+/* inbox and messaging stuff */
+.inbox-row-unread .inbox-subject {
+       font-weight: bold;
+}
+
+/* rails error field stuff */
+
+.fieldWithErrors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#notice {
+  border: 1px solid green;
+  padding: 7px;
+  background-color: #f0fff0;
+  margin-bottom: 20px;
+}
+
+#errorExplanation {
+  width: 400px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#errorExplanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#errorExplanation p {
+  color: #333;
+  margin-bottom: 0px;
+  padding: 5px;
+}
+
+#errorExplanation ul li {
+  font-size: 12px;
+  list-style: square;
+}
+
+input[type="text"], input[type="password"], textarea {
+  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;
+}
+
+#homerow .message {
+  display: none;
+}
+
+.nohome .message {
+  display: inline !important;
+}
+
+.minorNote {
+       font-size:0.8em;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+#map #popup p {
+  margin: 0px;
+  padding: 2px;
+}
+
+#permalink {
+  z-index:10000;
+  position:absolute;
+  bottom:15px;
+  right:15px;
+  font-size:smaller;
+  text-align: right;
+}
+
+#attribution {
+  display: none;
+}
+
+.export_heading {
+  margin: 0px;
+  padding: 3px 6px;
+  border: 1px solid #ccc;
+  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
+}
index e3f371594c991f5ba398372fc6424deb2bacf76e..d81e0453f273674e43561b700c04817584a7407e 100644 (file)
+/* styles specific to a small-format screen, such as iPhone, Android, etc... */
+
 body {
-  font-family: Arial,sans-serif;
-  color: #000;
-  background-color: #fff;
-  font-size: 12px;
+    font-size: 12px;
 }
-
-#left {
-  display: none;
+h1 {
+    font-size: 14px;
 }
 
-#greeting {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  height: 16px;
+#logo {
+  width: 100px;
+  min-width: 100px;
+  padding: 10px;
+  margin: 10px;
+  margin-top: 10px;
+  height: 70px;
+  background: #fff;
+  border: 1px solid #ccd;
+}
+#logo h1 {
+  font-size: 11px;
+  text-align: center;
   margin: 0px;
-  padding-right: 10px;
-  font-size: 13px;
-  line-height: 14px;
 }
-
-#content {
-  padding-top: 16px;
-  height: 640px;
+#logo h2 {
+  font-size: 8px;
+  margin: 0px;
 }
-
-#tabnav {
-/*  display: none;*/
+#logo-img {
+    display: none;
 }
 
-#sidebar {
-  display: none;
+#tabnav
+{
+  height: 14px;
+  margin: 0px;
+  padding-left: 10px;
+  padding-top: 5px;
+  margin-top: 18px;
+  background: url('../images/tab_bottom.gif') repeat-x bottom;
+  font-size: 10px;
+  line-height: 10px;
 }
-
-#permalink {
-  display: none;
+#tabnav li
+{
+  margin: 0px; 
+  padding: 0px;
+  display: inline;
+  list-style-type: none;
 }
-
-input[type="text"], input[type="password"], textarea {
-  border: 1px solid black;
-  font-size: 12px;
+#tabnav a, #tabnav a:link, #tabnav a:visited 
+{
+  float: left;
+  background: #f3f3f3;
+  font-size: 10px;
+  line-height: 10px;
+  font-weight: bold;
+  padding: 1px 5px;
+  margin-right: 1px;
+  border: 1px solid #ccc;
+  text-decoration: none;
+  color: #333;
 }
-
-.olControlPanZoomBar {
-  display: none;
+#tabnav a:link.active, #tabnav a:visited.active
+{
+  border-bottom: 1px solid #fff;
+  background: #fff;
+  color: #000;
+}
+#tabnav a:link:hover
+{
+  background: #fff;
 }
 
-.olControlLayerSwitcher {
+#left {
   display: none;
+  min-width: 100px;
+  top: 20px;
 }
-
-.olControlAttribution {
-  display: none !important;
+#intro {
+    display: none;
 }
-
-#attribution {
-  font-size: 10px;
-  text-align: center;
+.left_menu {
+  width: 100px;
+  min-width: 100px;
+}
+.optionalbox {
+  width: 100px;
+  min-width: 100px;
+}
+.donate {
+  width: 100px;
+  min-width: 100px;
+}
+#content {
+    /* left: 142px; */
+    left: 10px;
+    top: 47px;
 }
 
-#map {
-  border: 1px solid black;
-  height: 480px;
+#greeting {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  height: 14px;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
+  background: none;
+}
+#full-greeting {
+    display: none;
 }
+#small-greeting {
+    display: inline;
+}
+
index c44d54bcea0b18bae8acbf5472381984b2a9bf50..4b40940df722bd34d7c7d26f07814309095e245a 100644 (file)
@@ -1,674 +1,5 @@
-a, a:visited, a:active, a:link, a:hover {
-  color: #00f;
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-#frontpage_main {
-  width: 100%;
-  text-align: center;
-  font-family: sans-serif;
-}
-
-
-#frontpage_MAIN h1 {
-  font-size: xx-large;
-  font-weight: normal;
-}
-
-body {
-  font-family: Arial,sans-serif;
-  color: #000;
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-#left {
-  position: absolute;
-  top: -8px;
-  min-width: 150px;
-}
-
-#logo {
-  width: 150px;
-  min-width: 150px;
-  padding: 10px;
-  margin: 10px;
-  height: 150px;
-  background: #fff;
-  border: 1px solid #ccd;
-}
-#logo h1 {
-  font-size: 14px;
-  text-align: center;
-  margin: 0px;
-}
-#logo h2 {
-  font-size: 10px;
-  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;
-  margin: 0px;
-  padding-right: 10px;
-  padding-top: 5px;
-  font-size: 13px;
-  line-height: 14px;
-  background: url('/images/tab_bottom.gif') repeat-x bottom;
-}
-
-/* An unread message (e.g. "inbox(1)") */
-.greeting-bar-unread {
-  font-weight: bold;
-}
-
-#intro {
-  width: 170px;
-  margin: 10px;
-  border: 1px solid #ccc;
-  font-size: 11px;
-}
-
-#intro p { margin: 10px; }
-
-#alert {
-  width: 150px;
-  margin: 10px;
-  padding: 10px;
-  border: 1px solid #ccc;
-  background: #d00;
-  line-height: 1.2em;
-  text-align: left;
-  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;
-  margin: 10px;
-  padding: 10px;
-  border: 1px solid #ccc;
-  left: 0px;
-  background: #ddd;
-  line-height: 1.2em;
-  text-align: Left;
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.left_menu td {
-  font-size: 12px;
-  padding-right: 4px;
-}
-
-.left_menu h1 {
-  font-style: normal;
-  font-size: 15px;
-  padding: 0em 0em 0em 1em;
-  text-align: left;
-}
-
-.left_menu ul {
-  /*list-style: none;*/
-  padding-left: 10px;
-  margin: 0px;
-}
-
-.left_menu li {
-  margin: 0px;
-  padding: 0px;
-}
-
-.left_menu img {
-  margin: 2px 8px 0px 0px;
-}
-
-.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 {
-  color: #000;
-  text-decoration: underline;
-}
-
-#messages {
-  border: 1px solid #ccc;
-}
-
-
-#content {
-  padding: 0px;
-  margin: 0px;
-  position: absolute; 
-  left: 192px;
-  right: 10px;
-  top: 35px;
-  bottom: 10px;
-  line-height: 1.2em;
-  text-align: left;
-}
-
-#bottom_bar {
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-  font-size: x-small;
-  text-align: center;
-}
-
-#mapImage {
-  position: absolute;
-  left: 0px;
-}
-#drag {
-  top: 0px;
-  left: 14px;
-}
-
-#mapEpilog {
-  font-size: x-small;
-}
-
-#changeset_list, #keyvalue {
-  font-size: small;
-  text-align: left;
-  border-collapse: collapse;
-  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;
-}
-
-#changeset_list.th {
-  font-weight: bold;
-}
-
-.emphasized {
-  background-color: #82bcff;
-}
-
-
-#header {
-  float: left;
-  width: 100%;
-  background: #DAE0D2;
-  font-size: 93%;
-  line-height: normal;
-}
-#header ul {
-  margin: 0px;
-  padding: 10px 10px 0px 215px;
-  list-style: none;
-}
-#header li {
-  float: left;
-  margin: 0px;
-  padding: 0px 0px 0px 9px;
-}
-#header li a {
-  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 {
-  color: #333;
-}
-#header #current a {
-  color: #333;
-  padding-bottom: 5px;
-}
-
-#tabnav
-{
-  height: 20px;
-  margin: 0px;
-  padding-left: 215px;
-  padding-top: 5px;
-  background: url('/images/tab_bottom.gif') repeat-x bottom;
-}
-#tabnav li
-{
-  margin: 0px; 
-  padding: 0px;
-  display: inline;
-  list-style-type: none;
-}
-#tabnav a, #tabnav a:link, #tabnav a:visited 
-{
-  float: left;
-  background: #f3f3f3;
-  font-size: 13px;
-  line-height: 14px;
-  font-weight: bold;
-  padding: 2px 10px;
-  margin-right: 4px;
-  border: 1px solid #ccc;
-  text-decoration: none;
-  color: #333;
-}
-#tabnav a:link.active, #tabnav a:visited.active
-{
-  border-bottom: 1px solid #fff;
-  background: #fff;
-  color: #000;
-}
-#tabnav a:link:hover
-{
-  background: #fff;
-}
-
-#gads {
-  /*  position: absolute; */
-  left: 100px;
-  width: 700px;
-  text-align: center;
-  font-size: 10px;
-}
-
-hr {
-  border: none;
-  background-color: #ccc;
-  color: #ccc;
-  height: 1px;
-}
-
-.gpxsummary {
-  font-size: 12px;
-  color: gray;
-}
-
-.gpxdesc {
-  font-style: italic;
-}
-
-.table0 { 
-  background: #f6f6f6;
-}
-
-.table1 { 
-  background: #fff;
-}
-
-
-.optionalbox {
-  width: 150px;
-  min-width: 150px;
-  margin: 10px;
-  padding: 10px;
-  border: 1px solid #ccc;
-  left: 0px;
-  line-height: 1.2em;
-  text-align: left;
-  font-size: 12px;
-  background: #eee;
-}
-
-.oboxheader {
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 22px;
-  vertical-align: bottom;
-}
-
-.whereami {
-  position: absolute;
-  right: 21px;
-  line-height: 22px;
-  vertical-align: bottom;
-}
-
-.optionalbox form {
-  margin: 0px;
-  padding: 0px;
-}
-
-#search_field form {
-  width: 100%;
-}
-
-#search_field input[type="text"] {
-  width: 116px;
-}
-
-#search_field input[type="submit"] {
-  width: 26px;
-}
-
-.search_form {
-  height: 16px;
-  padding-bottom: 6px;
-}
-
-.rsssmall {
-  position: relative;
-  top: 4px;
-}
-
-.button {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-#controls img
-{
-  z-index: 9999;
-}
-
-#controls
-{
-  position:absolute;
-  top: 0px;
-  left: 0px;
-  width: 64px;
-  height: 32px;
-  z-index: 9998;
-  cursor: pointer;
-}
-
-#map {
-  position: absolute;
-  border: 1px solid black;
-  margin: 0px; 
-  padding: 0px;
-  left: 0px;
-  right: 2px;
-  top: 0px;
-  bottom: 0px;
-}
-
-#sidebar {
-  display: none;
-  position: absolute;
-  border: 1px solid black;
-  margin: 0px;
-  padding: 0px;
-  width: 30%;
-  left: 0px;
-  top: 0px;
-  bottom: 0px;
-}
-
-#sidebar_content {
-  overflow: auto;
-  position: absolute;
-  font-size: 13px;
-  line-height: 14px;
-  top: 29px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-}
-
-.sidebar_title {
-  margin: 0px;
-  padding: 3px 6px;
-  height: 29px;
-  font-size: 14px;
-  line-height: 15px;
-  border-bottom: 1px solid black;
-  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;
-  padding: 3px 6px;
-  border: 1px solid #ccc;
-  background: #ddd;
-}
-
-.search_results_entry {
-  margin: 0px;
-  padding: 2px 6px;
-}
-
-.search_results_error {
-  margin: 0px;
-  padding: 2px 6px 0px;
-  color: #f00;
-}
-
-.search_help {
-  font-size: 10px;
-  line-height: 1em;
-  margin-top: 3px;
-  margin-bottom: 0px;
-}
-
-.search_searching {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.olControlAttribution {
-  display: none !important;
-}
-
-/* inbox and messaging stuff */
-.inbox-row-unread .inbox-subject {
-       font-weight: bold;
-}
-
-/* rails error field stuff */
-
-.fieldWithErrors {
-  padding: 2px;
-  background-color: red;
-  display: table;
-}
-
-#notice {
-  border: 1px solid green;
-  padding: 7px;
-  background-color: #f0fff0;
-  margin-bottom: 20px;
-}
-
-#errorExplanation {
-  width: 400px;
-  border: 2px solid red;
-  padding: 7px;
-  padding-bottom: 12px;
-  margin-bottom: 20px;
-  background-color: #f0f0f0;
-}
-
-#errorExplanation h2 {
-  text-align: left;
-  font-weight: bold;
-  padding: 5px 5px 5px 15px;
-  font-size: 12px;
-  margin: -7px;
-  background-color: #c00;
-  color: #fff;
-}
-
-#errorExplanation p {
-  color: #333;
-  margin-bottom: 0px;
-  padding: 5px;
-}
-
-#errorExplanation ul li {
-  font-size: 12px;
-  list-style: square;
-}
-
-input[type="text"], input[type="password"], textarea {
-  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;
-}
-
-#homerow .message {
-  display: none;
-}
-
-.nohome .message {
-  display: inline !important;
-}
-
-.minorNote {
-       font-size:0.8em;
-}
-
-.nowrap {
-  white-space: nowrap;
-}
-
-#map #popup p {
-  margin: 0px;
-  padding: 2px;
-}
-
-#permalink {
-  z-index:10000;
-  position:absolute;
-  bottom:15px;
-  right:15px;
-  font-size:smaller;
-  text-align: right;
-}
-
-#attribution {
-  display: none;
-}
-
-.export_heading {
-  margin: 0px;
-  padding: 3px 6px;
-  border: 1px solid #ccc;
-  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;
-}
+/* styles specific to a large-format screen */
 
-#noscript {
-  z-index: 20000000;
-  position: absolute;
-  top: 15px;
-  left: 15px
+#logo-img-sml {
+    display: none;
 }