finish sticky footer in all screen sizes

This commit is contained in:
Guillaume Denis 2015-04-03 10:26:41 +02:00
parent 9f53e8159d
commit 7e581dc9b5
1 changed files with 27 additions and 7 deletions

View File

@ -204,16 +204,36 @@ footer a.ext-twitter:after {
background: url('/img/twitter.png') no-repeat top 3px left 0;
}
@media (min-width: 992px) {
html, body {
height: 100%;
}
html, body {
height: 100%;
}
body > .homepage, body > [role="main"] {
min-height: 100%;
height: auto;
background: #eeeeee url("../../../base/images/bg.png");
}
@media (min-width: 980px) {
body > .homepage, body > [role="main"] {
min-height: 100%;
height: auto;
margin-bottom: -205px;
padding-bottom: 205px;
background: #eeeeee url("../../../base/images/bg.png");
}
}
@media (min-width: 768px) and (max-width: 979px) {
body > .homepage, body > [role="main"] {
margin-bottom: -267px;
padding-bottom: 267px;
}
}
@media (max-width: 767px) {
body > .homepage, body > [role="main"] {
margin-bottom: -349px;
padding-bottom: 349px;
}
}