From fa6228bb998b91920a1bcaaf62aae0eb37769a5f Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sun, 10 Nov 2013 13:10:45 -0500 Subject: Rotated footer idea Footer rotated 90 degrees and reads vertically bottom to top on the right side of the page. Don't like this version. Going to try something else. --- assets/css/application.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/assets/css/application.css b/assets/css/application.css index 0aba747..fd08e6b 100644 --- a/assets/css/application.css +++ b/assets/css/application.css @@ -27,6 +27,12 @@ footer { bottom: 1em; 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); } -- cgit v1.2.3 From b4b46454d6ed2cb49f54fe65e059c3e4cc4eee76 Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Sun, 10 Nov 2013 13:23:23 -0500 Subject: 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. --- assets/css/application.css | 14 ++++++-------- 1 file 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%; } -- cgit v1.2.3