]> git.openstreetmap.org Git - rails.git/commitdiff
Merge small screen support to trunk.
authorTom Hughes <tom@compton.nu>
Thu, 22 Oct 2009 23:03:27 +0000 (23:03 +0000)
committerTom Hughes <tom@compton.nu>
Thu, 22 Oct 2009 23:03:27 +0000 (23:03 +0000)
app/views/layouts/site.html.erb
app/views/user/login.html.erb
app/views/user/new.html.erb
public/stylesheets/common.css [new file with mode: 0644]
public/stylesheets/site-sml.css [new file with mode: 0644]
public/stylesheets/site.css
test/functional/user_controller_test.rb
test/integration/user_creation_test.rb

index da9e86808389ca6a5596d3095d4cf14598faeb99..89b33ab05db12288d3ff0344821ee75ccb1d1843 100644 (file)
@@ -1,11 +1,15 @@
 <!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"/>
     <%= javascript_strings %>
     <%= javascript_include_tag 'prototype' %>
     <%= javascript_include_tag 'site' %>
     <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
-    <%= stylesheet_link_tag 'site' %>
+    <%= 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', :media => "screen and (min-width: 482px)" %> 
     <%= 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." }) %>
@@ -23,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 = {}
index d77110d13b5bac1c9082bb1812ccb142116a1821..19e1f21e143333ce75e30920efbe98dffe95092a 100644 (file)
@@ -4,10 +4,10 @@
 
 <% form_tag :action => 'login' do %>
 <%= hidden_field_tag('referer', h(params[:referer])) %>
-<table>
-  <tr><td class="fieldName"><%= t 'user.login.email or username' %></td><td><%= text_field('user', 'email',{:size => 50, :maxlength => 255, :tabindex => 1}) %></td></tr>
+<table id="loginForm">
+  <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 colspan="2">&nbsp;<!--vertical spacer--></td></tr>
   <tr><td></td><td align="right"><%= submit_tag t('user.login.login_button'), :tabindex => 3 %></td></tr>
 </table>
 <% end %>
index a25097e16ca11a03bfcdaea4a9bdf95258439a63..88a1d7bf9e3508fb1e6c5b3ee3b887a3ea0d64a9 100644 (file)
 
 <% form_tag :action => 'save' do %>
 <%= hidden_field_tag('referer', h(params[:referer])) unless params[:referer].nil? %>
-<table id="loginForm">
+<table id="signupForm">
   <tr><td class="fieldName"><%= t 'user.new.email address' %></td><td><%= text_field('user', 'email',{:size => 50, :maxlength => 255, :tabindex => 1}) %></td></tr>
   <tr><td class="fieldName"><%= t 'user.new.confirm email address' %></td><td><%= text_field('user', 'email_confirmation',{:size => 50, :maxlength => 255, :tabindex => 2}) %></td></tr>
   <tr><td></td><td><span class="minorNote"><%= t 'user.new.not displayed publicly' %></span></td></tr>
-  <tr><td colspan=2>&nbsp;<!--vertical spacer--></td></tr>
+  <tr><td colspan="2">&nbsp;<!--vertical spacer--></td></tr>
   <tr><td class="fieldName"><%= t 'user.new.display name' %></td><td><%= text_field('user', 'display_name',{:size => 30, :maxlength => 255, :tabindex => 3}) %></td></tr>
   <tr><td></td><td><span class="minorNote"><%= t 'user.new.display name description' %></span></td></tr>
-  <tr><td colspan=2>&nbsp;<!--vertical spacer--></td></tr>
+  <tr><td colspan="2">&nbsp;<!--vertical spacer--></td></tr>
   <tr><td class="fieldName"><%= t 'user.new.password' %></td><td><%= password_field('user', 'pass_crypt',{:size => 30, :maxlength => 255, :tabindex => 4}) %></td></tr>
   <tr><td class="fieldName"><%= t 'user.new.confirm password' %></td><td><%= password_field('user', 'pass_crypt_confirmation',{:size => 30, :maxlength => 255, :tabindex => 5}) %></td></tr>
   
-  <tr><td colspan=2>&nbsp;<!--vertical spacer--></td></tr>
-  <tr><td></td><td align=right><input type="submit" value="<%= t'user.new.signup' %>" tabindex="6"></td></tr>
+  <tr><td colspan="2">&nbsp;<!--vertical spacer--></td></tr>
+  <tr><td></td><td align="right"><input type="submit" value="<%= t'user.new.signup' %>" tabindex="6"></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
+}
diff --git a/public/stylesheets/site-sml.css b/public/stylesheets/site-sml.css
new file mode 100644 (file)
index 0000000..5c5213a
--- /dev/null
@@ -0,0 +1,144 @@
+/* styles specific to a small-format screen, such as iPhone, Android, etc... */
+
+body {
+    font-size: 12px;
+}
+h1 {
+    font-size: 14px;
+}
+
+#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;
+}
+#logo h2 {
+  font-size: 8px;
+  margin: 0px;
+}
+#logo-img {
+    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;
+}
+#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: 10px;
+  line-height: 10px;
+  font-weight: bold;
+  padding: 1px 5px;
+  margin-right: 1px;
+  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;
+}
+
+#left {
+  display: none;
+  min-width: 100px;
+  top: 20px;
+}
+#intro {
+    display: none;
+}
+.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;
+}
+
+#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;
+}
+
+#signupForm input[type="text"], #signupForm input[type="password"] {
+    width: 100%;
+}
+#signupForm input#user_email {
+    max-width: 30em;
+}
+#signupForm input#user_email_confirmation {
+    max-width: 30em;
+}
+#signupForm input#user_display_name {
+    max-width: 20em;
+}
+#signupForm input#user_pass_crypt {
+    max-width: 20em;
+}
+#signupForm input#user_pass_crypt_confirmation {
+    max-width: 20em;
+}
+
+#loginForm input#user_email {
+    width: 100%;
+    max-width: 18em;
+}
+#loginForm input#user_password {
+    width: 100%;
+    max-width: 18em;
+}
index 22541778e11cb985465e59597fabfb4eb8b04bc6..4b40940df722bd34d7c7d26f07814309095e245a 100644 (file)
@@ -1,685 +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;
-}
-
-.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;
-}
-/* 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;
 }
index 5c1d6f47eb2d4743a5b80a3a149ccd7d6c2e53a1..058cab0ecda2904b39c04e1e58fef5405010d33f 100644 (file)
@@ -59,7 +59,7 @@ class UserControllerTest < ActionController::TestCase
     assert_response :success                                                                       
     assert_template 'new'
     assert_select "div#errorExplanation"
-    assert_select "table#loginForm > tr > td > div[class=fieldWithErrors] > input#user_email"
+    assert_select "table#signupForm > tr > td > div[class=fieldWithErrors] > input#user_email"
   end
   
   # Check that the user account page will display and contains some relevant
index e4ed2329490d2b1d382f1fcce74b071110f780f6..361daa996e1f2c7e8ef1018ca22f21269cdaddf7 100644 (file)
@@ -26,7 +26,7 @@ class UserCreationTest < ActionController::IntegrationTest
       assert_template 'user/new'
       assert_equal response.headers['Content-Language'][0..1], localer.to_s[0..1] unless localer == :root
       assert_select "div#errorExplanation"
-      assert_select "table#loginForm > tr > td > div[class=fieldWithErrors] > input#user_email"
+      assert_select "table#signupForm > tr > td > div[class=fieldWithErrors] > input#user_email"
       assert_no_missing_translations
     end
   end
@@ -45,7 +45,7 @@ class UserCreationTest < ActionController::IntegrationTest
       assert_response :success
       assert_template 'user/new'
       assert_select "div#errorExplanation"
-      assert_select "table#loginForm > tr > td > div[class=fieldWithErrors] > input#user_display_name"
+      assert_select "table#signupForm > tr > td > div[class=fieldWithErrors] > input#user_display_name"
       assert_no_missing_translations
     end
   end