Lock random hashes to the bottom of the page

This commit is contained in:
Adam Backstrom 2013-07-25 23:13:29 -04:00
parent cbf4d7ef18
commit f6681a97f2

View File

@ -3,6 +3,11 @@
box-sizing: border-box; box-sizing: border-box;
} }
html, body {
margin: 0;
padding: 0;
}
body { body {
color: #333; color: #333;
font-family: Verdana, Arial, sans-serif; font-family: Verdana, Arial, sans-serif;
@ -87,7 +92,6 @@ footer {
padding: 1rem; padding: 1rem;
} }
.randomness,
.cols { .cols {
margin: 1rem; margin: 1rem;
overflow: hidden; overflow: hidden;
@ -107,12 +111,35 @@ footer {
padding-right: 0; padding-right: 0;
} }
.randomness-box { .randomness {
width: 30em; position: fixed;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
background: #f5f5f5;
border-top: 1px solid #eee;
} }
.randomness ul { .randomness-box {
width: 30em;
background: transparent;
border: none;
}
.randomness > h2 {
display: none;
}
.randomness > ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 90em;
}
.randomness > ul > li {
float: left;
width: 45em;
} }