Stiky footer

Fixed footer at the bottom in fixed position. (+1 squashed commit)
Squashed commits:
[27ac007] footer

templates/_footer.twig

     <hr>
 
-    <img src="/{{ baseurlpath }}resources/icons/ssplogo-fish-small.png" alt="Small fish logo" style="float: right">
-    Copyright © 2007-2016 <a href="http://uninett.no/">UNINETT AS</a>
+    <img src="/{{ baseurlpath }}resources/icons/ssplogo-fish-small.png" alt="Small fish logo" class="right">
+    <div id="wrap">
+        <p>Copyright © 2007-2017 <a href="http://uninett.no/">UNINETT AS</a></p>
+    </div>
 
-    <br style="clear: right">

templates/base.twig

@@ -24,26 +24,25 @@
             {% block header %}{% include "_header.twig" %}{% endblock %}
         </div>
     </div>
-</div>
 
-<div id="wrap"> <!-- content -->
-    <div class="pure-g">
-        <div class="pure-u-1">
-            {% block contentwrapper %}
-                {% block content %}{% endblock %}
-            {% endblock %}
+    <div id="content"> <!-- content -->
+        <div class="pure-g">
+            <div class="pure-u-1">
+                {% block contentwrapper %}
+                    {% block content %}{% endblock %}
+                {% endblock %}
+            </div>
         </div>
     </div>
 </div>
-<div id="footer">
-    <div id="wrap" > <!-- footer -->
+    <div id="footer">
         <div class="pure-g">
             <div class="pure-u-1">
                 {% block footer %}{% include "_footer.twig" %}{% endblock %}
             </div>
         </div>
     </div>
-</div>
+
 
     <!-- postload javascript -->
     <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/script.js"></script>

www/assets/css/src/default.css

@@ -3,24 +3,31 @@ GENERAL
 ************************************************************ */
 html{
     height: 100%;
+
 }
 body {
     font-family: sans-serif;
-    padding-left: 2em;
-    padding-right: 2em;
     line-height: 1.5em;
 }
 #wrap{
-    margin: 0 2rem;
-    padding: 1rem;
+    position:relative;
+    margin: 1.5rem;
+    padding-bottom: 4rem;
 }
 #footer {
-    position: relative;
+    position: fixed;
     bottom: 0;
+    height:4rem;
     width:100%;
-    padding: 1rem;
+    padding: 0.3rem;
     background-color: #efefef;
     text-align: center;
+    z-index: 5;
+}
+#footer p {
+    position: relative;
+    bottom: 0;
+    font-size: .75em;
 }
 
 img {