Fix footer

Move footer back to the bottom (from the right-side experiment). Put
a background on it so that it doesn't run into samples that may be
added at the bottom. They will scroll though so you'll always be able
to see all your samples.

1 files changed, 6 insertions, 8 deletions

diff --git a/assets/css/application.css b/assets/css/application.css
index fd08e6b..41c0e0e 100644
--- a/assets/css/application.css
+++ b/assets/css/application.css
@@ -23,16 +23,14 @@ header {
 
 
 footer {
-	position: absolute;
-	bottom: 1em;
+	position: fixed;
+	bottom: 0;
+	z-index: 6;
 	font-size: 13px;
 	font-family: 'Lucida Grande', Helvetica, sans-serif;
-	-webkit-transform: rotate(-90deg);
-	-moz-transform: rotate(-90deg);
-	-ms-transform: rotate(-90deg);
-	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-	-o-transform: rotate(-90deg);
-	transform: rotate(-90deg);
+	background: url('../images/background.png') repeat;
+	padding: 1em 0;
+	width: 100%;
 }