Mercurial > farol > farol
view farol/static/style.css @ 149:f2f434eafb66
Always push the footer to the bottom of the page
author | Benoît Allard <benoit.allard@greenbone.net> |
---|---|
date | Fri, 31 Oct 2014 14:19:16 +0100 |
parents | 0f19ece4e7e5 |
children |
line wrap: on
line source
/* So that the whole panel heading be clickable */ .panel-title a, a.a-block { display: block; } /* Try to push the footer to the bottom of the page */ html, body { height: 100%; margin: 0; padding: 0; } .cover { min-height: 100%; position: relative; } nav.navigation { padding: 10px; } .main.container { padding: 10px; padding-bottom: 140px; /* height of the footer + 10 */ } .footer { height 130px; width: 100%; position: absolute; bottom: 0; left: 0; } /* And that works */ /* Display a background image */ @media (min-width: 768px){ body { background: url('background.png') no-repeat fixed right bottom rgb(255,255,255); } } /* attenuate it */ .cover { background: rgba(255,255,255,0.8); } /* For the POST_buttons */ form.inlined-form { display: inline-block; } /* To behave as a link, it should'nt have padding ... */ .btn-link { padding: 0; } /* Color when hovering, Ouh ... */ #greenbone.logo_img { display: block; width: 100px; height: 107px; background-image: url(greenbone_bw.png); } #greenbone.logo_img:hover { background-image: url(greenbone.png); }