Get rid of absolute and overlay positioning for map (squares) and footer (front

page and elsewhere).

This was just too complicated and presented a number of quirks for non fixed-
height overlayed elements.

djnro/templates/base.html

@@ -84,7 +84,6 @@
                 {% endblock %}
             </div>
         {% endblock %}
-        <div class="push"></div>
     </div>
     {% include "partial/footer.html" %}
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

static/css/style.css

@@ -11,15 +11,11 @@ html, body {
 }
 
 footer {
-	height: 300px;
 	text-align: center;
-	position: relative;
-	background: white;
+	background: #eee;
 }
 
 footer > div {
-	position: absolute;
-	bottom: 0;
 	padding: 25px;
 	background: #eee;
 	left: 0;
@@ -34,27 +30,12 @@ footer.auth {
 	padding: 8px;
 }
 
-
-#wrap {
-	min-height: 100%;
-	height: auto !important;
-	margin: 0 auto -300px;
-}
-
 .push-top {
 	height: 51px;
 }
 
-.push {
-	height: 300px;
-}
-
 .home .squares {
-	position: relative;
-	margin: 600px auto 0;
 	padding: 50px 0;
-	z-index: 1000;
-	background: white;
 }
 
 .home .squares .square > div {
@@ -73,9 +54,6 @@ footer.auth {
 }
 
 .home #map_wrapper {
-	position: fixed ;
-	height: 600px;
-	z-index: 0;
 	left: 0;
 	right: 0;
 }
@@ -103,18 +81,3 @@ footer.auth {
 .closest footer {
 	display: none;
 }
-
-
-
-@media screen and ( max-height: 480px ){
-	.home #map_wrapper {
-		position: relative;
-		height: 300px;
-	}
-
-	.home .squares {
-		margin-top: 0;
-	}
-}
-
-