From f6681a97f288f4bfab9e0a0e96b82a2bea58f52b Mon Sep 17 00:00:00 2001 From: Adam Backstrom Date: Thu, 25 Jul 2013 23:13:29 -0400 Subject: [PATCH] Lock random hashes to the bottom of the page --- style.css | 35 +++++++++++++++++++++++++++++++---- 1 file changed, 31 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index a501f5d..ee208c3 100644 --- a/style.css +++ b/style.css @@ -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; }