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);
}

http://farol.wald.intevation.org