Commit 3210fb38 authored by Dennis Schubert's avatar Dennis Schubert

Merge pull request #6224 from svbergerem/sticky-footer

Sticky footer
parents d6587469 37352b1b
html {
min-height: 100%;
position: relative;
}
body { margin-bottom: 150px; }
footer { footer {
width: 100%; background-color: $background-grey;
left: 0; border-top: 1px solid $border-grey;
bottom: 0; bottom: 0;
color: $text-grey; max-height: 130px;
padding-top: 15px;
.container { padding-bottom: 15px;
width: 95%; position: absolute;
margin: 4em auto 0 auto; width: 100%;
padding: 0.5em 0 1em 0;
border-top: 1px solid $border-grey;
}
.logos-powered_by_diaspora { .powered-by-diaspora {
display: inline-block; color: $link-grey;
margin-top: 3px; font-weight: bold;
height: 11px;
width: 145px;
} }
ul#footer_nav { ul#footer_nav {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
float: right;
> li { > li {
display: inline; display: inline;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
@import 'entypo'; @import 'entypo';
@import 'icons'; @import 'icons';
@import "header"; @import "mobile/header";
@import "mobile/tags"; @import "mobile/tags";
@import "mobile/conversations"; @import "mobile/conversations";
@import "mobile/settings"; @import "mobile/settings";
......
html,
body {
/* hack to ensure fixed elements at height: 100%; are in relation to the window */
max-height : 100%;
}
body { body {
margin-top: 50px; margin-top: 50px;
padding : none; padding : none;
......
%footer %footer
.container .container
.logos-powered_by_diaspora .pull-left
%ul#footer_nav .powered-by-diaspora
powered by diaspora*
%ul#footer_nav.pull-right
= render :partial =>'shared/links' = render :partial =>'shared/links'
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment