Implement basic footer
authorJef van Schendel <jefvanschendel@gmail.com>
Fri, 24 Jun 2011 19:03:05 +0000 (21:03 +0200)
committerJef van Schendel <jefvanschendel@gmail.com>
Fri, 24 Jun 2011 19:03:05 +0000 (21:03 +0200)
mediagoblin/static/css/base.css
mediagoblin/templates/mediagoblin/base.html

index 9c9bcea339022f8ed7b178a95062239aaf607931..31f14680544079d16a2ae8b6ce30cf888801b27a 100644 (file)
@@ -4,6 +4,12 @@ body {
   font-family: sans-serif;
   padding:none;
   margin:0px;
+  height:100%;
+}
+
+form {
+  margin:0px;
+  padding:0px;
 }
 
 /* Carter One font */
@@ -38,6 +44,11 @@ label {
 
 /* website structure */
 
+.mediagoblin_body {
+  position:relative;
+  min-height:100%;
+}
+
 .mediagoblin_header {
   width:100%;
   height:36px;
@@ -46,6 +57,22 @@ label {
   margin-bottom:40px;
 }
 
+.mediagoblin_footer {
+  width:100%;
+  height:26px;
+  background-color:#393939;
+  bottom:0px;
+  padding-top:8px;
+  position:absolute;
+  text-align:center;
+  font-size:14px;
+  color:#999;
+}
+
+.mediagoblin_content {
+  padding-bottom:74px;
+}
+
 a.mediagoblin_logo {
   width:34px;
   height:25px;
index 6250bf3cbe7501d7321ba9e9648cb1aa3de55e4f..63749f685d1901a3002c9f1f9e352ad70f24849e 100644 (file)
@@ -28,6 +28,7 @@
 
   <body>
     {% block mediagoblin_body %}
+    <div class="mediagoblin_body">
       {% block mediagoblin_header %}
       <div class="mediagoblin_header">
         <div class="container_12">
         </div>
       </div>
       {% endblock %}
-      <div class="container_12">
+      <div class="container_12 mediagoblin_content">
         <div class="grid_12">
           {% block mediagoblin_content %}
           {% endblock mediagoblin_content %}
         </div>
       </div>
+      {% block mediagoblin_footer %}
+      <div class="mediagoblin_footer">
+        <div class="container_12">
+          <div class="grid_12">
+            Powered by <a href="http://mediagoblin.org">MediaGoblin</a>, a <a href="http://gnu.org/">GNU project</a>
+          </div>
+        </div>
+      </div>
+      {% endblock %}
     {% endblock mediagoblin_body %}
+    </div>
   </body>
 </html>