Try a different approach - grab the layout and stylesheet from slim1, and ditch the...
authorAndy Allan <andy@gravitystorm.co.uk>
Thu, 27 Jan 2011 14:53:39 +0000 (14:53 +0000)
committerTom Hughes <tom@compton.nu>
Sun, 3 Apr 2011 12:46:16 +0000 (13:46 +0100)
app/views/layouts/slim.html.erb [new file with mode: 0644]
public/stylesheets/common.css

diff --git a/app/views/layouts/slim.html.erb b/app/views/layouts/slim.html.erb
new file mode 100644 (file)
index 0000000..e738f4c
--- /dev/null
@@ -0,0 +1,44 @@
+<!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' %>
+    <%= javascript_include_tag 'menu' %>
+    <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
+    <%= stylesheet_link_tag 'common' %>
+    <!--[if IE]><%= stylesheet_link_tag 'large', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
+    <%= stylesheet_link_tag 'small', :media => "only screen and (max-width: 481px)" %>
+    <%= stylesheet_link_tag 'large', :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." }) %>
+    <%= style_rules %>
+    <%= yield :head %>
+    <title><%= t 'layouts.project_name.title' %><%= ' | '+ h(@title) if @title %></title>
+  </head>
+  <body>
+
+    <div id="slim_content">
+      <% if flash[:error] %>
+        <div id="error"><%= flash[:error] %></div>
+      <% end %>
+      <% if flash[:warning] %>
+        <div id="warning"><%= flash[:warning] %></div>
+      <% end %>
+      <% if flash[:notice] %>
+        <div id="notice"><%= flash[:notice] %></div>
+      <% end %>
+
+      <%= yield %>
+    </div>
+
+    <div id="slim_header">
+      <h1><%= image_tag("osm_logo.png", :size => "60x60", :border => 0, :alt => t('layouts.logo.alt_text')) %><%= t 'layouts.project_name.h1' %></h1>
+    </div>
+
+
+
+  </body>
+</html>
index 4dd97a68c4200dc0695643cd238245aef4407aeb..c3f1c274e8bb828e61f53ea4c4dd700d41ffc0f2 100644 (file)
@@ -547,6 +547,24 @@ hr {
   text-align: left;
 }
 
+#slim_content {
+  margin: 10px;
+  position: absolute;
+  top: 90px;
+  max-width: 50em;
+}
+
+#slim_header {
+  margin: 10px;
+  background: url('../images/tab_bottom.gif') repeat-x bottom;
+}
+
+#slim_header img {
+  vertical-align: middle;
+  margin-right: 5px;
+  margin-bottom: 5px;
+}
+
 /* Rules for the changeset list shown by the history tab etc */
 
 #changeset_list, #keyvalue {