Sha256: c7bee0a32b2d9c73b931ae2e2f0ca34bfe8c3356649c9e93b38f91667172b555

Contents?: true

Size: 1.39 KB

Versions: 17

Compression:

Stored size: 1.39 KB

Contents

/*
    Layout
    * Nav ( now in it's own file )
    * Flash
    * Main
    * Footer
*/


/* Default to the same box sizing model for all tags */
* { box-sizing: border-box; }

html {
  position: relative;
  min-height: 100%;         /* Needed for the footer to be placed correctly */
}

body {
  margin: 0 0 100px 0;      /* space for footer & some slack */
  background-color: transparent;
}

main {
  margin: 70px 25px;        /* Space for the NAV, and min side margin */
  display: block;
}

#main {
  margin: 0 auto;           /* Centered with max width */
  max-width: 1800px;
  padding: 20px;
  overflow: hidden;
}

/* By default, the footer will be at the bottom of the window, following content. */
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 100%;
  line-height: 1.8em;
}

/* To make the entire footer fixed (always visible), give it the 'fixed' class. */
footer.fixed {
  position: fixed;
}

/* Footer elements you want to float in position instead of being only at the bottom */
footer .fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  text-shadow: 1px 1px 2px rgb(0, 82, 136);
}

/* Space out the floating elements */
footer .fixed > div {
  padding-right: 1em;
}

#footer > div {
  padding: 0 10px;  /* Space out any child divs within the footer */
}


/* Prevent unbreakable elements from expanding outside their pure column (tables etc) */
.pure-u-1 { overflow: hidden; }

Version data entries

17 entries across 17 versions & 1 rubygems

Version Path
dfm_web-5.0.4 app/assets/stylesheets/dfm_web/layout.css
dfm_web-5.0.3 app/assets/stylesheets/dfm_web/layout.css
dfm_web-5.0.2 app/assets/stylesheets/dfm_web/layout.css
dfm_web-5.0.1 app/assets/stylesheets/dfm_web/layout.css
dfm_web-5.0.0 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.1.3 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.1.2 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.1.1 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.1.0 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.7 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.6 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.5 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.4 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.3 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.2 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.1 app/assets/stylesheets/dfm_web/layout.css
dfm_web-4.0.0 app/assets/stylesheets/dfm_web/layout.css