Sha256: 8dbc4f78d6d79116d45be4c86063f991d0b0a63fd134e9be816db29d4ac26b3e
Contents?: true
Size: 1.69 KB
Versions: 17
Compression:
Stored size: 1.69 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 */
}
#notice, #alert {
width: 100%;
height: 75px;
margin: -25px 0 25px 0; /* This doesn't seem right */
float: left;
position: relative;
font-size: 1.5em;
padding: 25px;
z-index: 1;
pointer-events: none;
}
/* HTML-free close button */
#notice > div:after, #alert > div:after {
float: right;
content: "\00d7";
cursor: pointer;
pointer-events: auto;
padding: 0 10px 3px 10px;
background-color: rgba(255,255,255,.2);
transition: background-color .3s;
}
main {
margin: 100px 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;
}
footer {
position: absolute;
left: 0;
bottom: 0;
padding: 0;
width: 100%;
}
/* Footer elements you want to float in position instead of being only at the bottom */
footer .fixed {
position: fixed;
bottom: 6px; /* Why is .5em here too big? */
left: 0;
text-shadow: 1px 1px 2px rgb(0, 82, 136);
}
/* Space out the floating elements */
footer .fixed > div {
padding: 0 1em 0 0;
}
#footer {
height: 2em;
padding: .5em 0;
}
#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