Implement basic footer

This commit is contained in:
Jef van Schendel 2011-06-24 21:03:05 +02:00
parent c397b962de
commit 9f661642ef
2 changed files with 39 additions and 1 deletions

View 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;

View File

@ -28,6 +28,7 @@
<body>
{% block mediagoblin_body %}
<div class="mediagoblin_body">
{% block mediagoblin_header %}
<div class="mediagoblin_header">
<div class="container_12">
@ -50,12 +51,22 @@
</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>