From 42cdcce858e38418403aa4733837da4c3a62ff34 Mon Sep 17 00:00:00 2001 From: Matt Amos Date: Tue, 13 Oct 2009 14:23:20 +0000 Subject: [PATCH] Another version of the media-queries CSS stuff. Works better for more pages now. --- app/views/layouts/site.html.erb | 25 +- app/views/user/login.html.erb | 2 +- public/stylesheets/common.css | 688 ++++++++++++++++++++++++++++++++ public/stylesheets/site-sml.css | 142 ++++--- public/stylesheets/site.css | 675 +------------------------------ 5 files changed, 807 insertions(+), 725 deletions(-) create mode 100644 public/stylesheets/common.css diff --git a/app/views/layouts/site.html.erb b/app/views/layouts/site.html.erb index ed8c1456b..d1983a9f0 100644 --- a/app/views/layouts/site.html.erb +++ b/app/views/layouts/site.html.erb @@ -1,14 +1,16 @@ - + + <%= javascript_strings %> <%= javascript_include_tag 'prototype' %> <%= javascript_include_tag 'site' %> + <%= stylesheet_link_tag 'common' %> - <%= 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 @@ <% 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')) %> | + <%= 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')) %> + <%= link_to t('layouts.welcome_user_link_tooltip'), {:controller => 'user', :action => 'view', :display_name => @user.display_name} %> | <%= yield :greeting %> <% inbox_attributes = {} @@ -120,12 +123,20 @@ <%= yield :optionals %>
-
- <%= t 'layouts.alt_donation' %> +
diff --git a/app/views/user/login.html.erb b/app/views/user/login.html.erb index 0ae8fc0d9..77294e62f 100644 --- a/app/views/user/login.html.erb +++ b/app/views/user/login.html.erb @@ -8,6 +8,6 @@ <%= t 'user.login.email or username' %><%= text_field('user', 'email',{:size => 28, :maxlength => 255, :tabindex => 1}) %> <%= t 'user.login.password' %><%= password_field('user', 'password',{:size => 28, :maxlength => 255, :tabindex => 2}) %> (<%= link_to t('user.login.lost password link'), :controller => 'user', :action => 'lost_password' %>)   - <%= submit_tag t('user.login.login_button'), :tabindex => 3 %> + <%= submit_tag t('user.login.login_button'), :tabindex => 3 %> <% end %> diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css new file mode 100644 index 000000000..b05dcc3d9 --- /dev/null +++ b/public/stylesheets/common.css @@ -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 index e3f371594..d81e0453f 100644 --- a/public/stylesheets/site-sml.css +++ b/public/stylesheets/site-sml.css @@ -1,65 +1,117 @@ +/* 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; +} + diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index c44d54bce..4b40940df 100644 --- a/public/stylesheets/site.css +++ b/public/stylesheets/site.css @@ -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; } -- 2.43.2