From 7e9c0025ca4511d269274662902d638318f64027 Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Tue, 28 May 2013 15:39:43 -0700 Subject: Sticky Footer! moved tag, renamed $Links $headerLinks. --- css/page.css | 56 +++++++++++++++++++++++++++----------------------------- 1 file changed, 27 insertions(+), 29 deletions(-) (limited to 'css') diff --git a/css/page.css b/css/page.css index 8d964e6..99a1cda 100644 --- a/css/page.css +++ b/css/page.css @@ -1,19 +1,15 @@ html { - font-family: Trebuchet MS1, Trebuchet MS, sans-serif; + font-family: Trebuchet MS1, Trebuchet MS, sans-serif; + height:100%; } html.wf-active { - /* font-family: "Comic Sans MS", sans-serif; */ /* Not websafe */ /* font-family: Cantarell, Helvetica, Arial, sans-serif; */ /* font-family: Helvetica, Arial, sans-serif; */ - /* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; - /* font-family: Book Antiqua3; */ - - - } body { + height: 100%; font-size: 16px; text-shadow: rgba(0,0,0,.01) 0 0 1px; /* this is definitely not a webkit-specific hack to fix font aliasing */ background-color: #121212; @@ -21,16 +17,15 @@ body { margin: 0; opacity: 1; } - -p { - margin-top: 0; -} - -form { - display: inline; +.mainContent { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -165px; /* the bottom margin is the negative value of the footer's height */ } -.footerArea { +.footerArea, .footerPush { + height: 165px; width:100%; text-align:center; } @@ -106,8 +101,13 @@ form { #six li { width:16.666%; } /* 6 col */ +p { + margin-top: 0; +} - +form { + display: inline; +} a:link, a:visited, a:active { text-decoration: underline; color: #FFFFCC; @@ -304,26 +304,24 @@ position:absolute;color:#333;left:25px;bottom:20px; position: relative; min-width: 960px; width:100%; + /* filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; - - background: -moz-linear-gradient(top, rgba(85,85,85,0.9) 0%, rgba(85,85,85,0.9) 1%, rgba(34,34,34,0.9) 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,0.9)), color-stop(1%,rgba(85,85,85,0.9)), color-stop(100%,rgba(34,34,34,0.9))); - background: -webkit-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); - background: -o-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); - background: -ms-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); - background: linear-gradient(to bottom, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6555555', endColorstr='#e6222222',GradientType=0 ); + */ + + background: #555555; /* Old browsers */ + background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #555555 0%,#222222 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #555555 0%,#222222 100%); /* IE10+ */ + background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ z-index:9999; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - filter: alpha(opacity=90); - -moz-opacity: 0.9; - -khtml-opacity: 0.9; - opacity: 0.9; } #topbarContent { margin: 0 auto; -- cgit v1.2.3