From 8921621621b8b3ca6668f1356ed7c1c546bd93b0 Mon Sep 17 00:00:00 2001
From: Zev Benjamin <zev@humbughq.com>
Date: Wed, 19 Jun 2013 15:15:01 -0400
Subject: [PATCH] Make our portico bottom copyright and navigation stick to the
 bottom of the page

We use the technique described here:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

(imported from commit 108f3c9cc4ce9dbf483ff76d6f9a6a014077da56)
---
 templates/zephyr/portico.html    | 26 ++++++++++++++------------
 zephyr/static/styles/portico.css | 16 ++++++++++++++++
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/templates/zephyr/portico.html b/templates/zephyr/portico.html
index e6f29255a5..55c41765f2 100644
--- a/templates/zephyr/portico.html
+++ b/templates/zephyr/portico.html
@@ -44,18 +44,20 @@ hence the name.
   </div>
   {% endblock %}
 
-  <div class="navbar">
-    <div class="content">
-      <ul class="nav pull-right">
-        <li><span class="navbar-text">Humbug © 2013</span></li>
-        <li><span class="navbar-text little-bullet">·</span></li>
-        <li><a href="/terms">Legal</a></li>
-        <li><span class="navbar-text">·</span></li>
-        <li><a href="/accounts/login/?next=/">Log in</a></li>
-        <li><span class="navbar-text">·</span></li>
-        <li><a href="{% url 'signup' %}">Sign up</a></li>
-      </ul>
-    </div>
+  <div class="push"></div>
+</div>
+
+<div class="navbar footer">
+  <div class="content">
+    <ul class="nav pull-right">
+      <li><span class="navbar-text">Humbug © 2013</span></li>
+      <li><span class="navbar-text little-bullet">·</span></li>
+      <li><a href="/terms">Legal</a></li>
+      <li><span class="navbar-text">·</span></li>
+      <li><a href="/accounts/login/?next=/">Log in</a></li>
+      <li><span class="navbar-text">·</span></li>
+      <li><a href="{% url 'signup' %}">Sign up</a></li>
+    </ul>
   </div>
 </div>
 {% endblock %}
diff --git a/zephyr/static/styles/portico.css b/zephyr/static/styles/portico.css
index ae0667b7f6..5b181960fb 100644
--- a/zephyr/static/styles/portico.css
+++ b/zephyr/static/styles/portico.css
@@ -1,5 +1,12 @@
 .container-fluid {
     padding: 0px;
+    min-height: 100%;
+
+    /* Hack for IE */
+    height: auto !important;
+    height: 100%;
+
+    margin: 0 auto -41px;
 }
 
 /* This is a hack so that our main content
@@ -21,9 +28,18 @@
     -moz-border-radius: 0px;
 }
 
+.footer, .push {
+    height: 41px;
+}
+
+html {
+    height: 100%;
+}
+
 body {
     font-family: 'Humbug', Helvetica, Arial, sans-serif;
     line-height: 150%;
+    height: 100%;
 }
 
 li {