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
1 changed files with 31 additions and 4 deletions

View File

@ -3,6 +3,11 @@
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
body {
color: #333;
font-family: Verdana, Arial, sans-serif;
@ -87,7 +92,6 @@ footer {
padding: 1rem;
}
.randomness,
.cols {
margin: 1rem;
overflow: hidden;
@ -107,12 +111,35 @@ footer {
padding-right: 0;
}
.randomness-box {
width: 30em;
.randomness {
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;
margin: 0;
padding: 0;
width: 90em;
}
.randomness > ul > li {
float: left;
width: 45em;
}