summaryrefslogtreecommitdiffstats
path: root/css/page.css
diff options
context:
space:
mode:
authorPatrick Davison <snapwilliam@gmail.com>2013-05-28 15:39:43 -0700
committerPatrick Davison <snapwilliam@gmail.com>2013-05-28 15:39:43 -0700
commit7e9c0025ca4511d269274662902d638318f64027 (patch)
tree686f81622d2ce184f7085d5b7ed2bcc44e7b88cf /css/page.css
parent86a9c5724f14aed4ff73772a1515da97efe7b7bd (diff)
downloadpathery-7e9c0025ca4511d269274662902d638318f64027.tar.xz
Sticky Footer! moved <body> tag, renamed $Links $headerLinks.
Diffstat (limited to 'css/page.css')
-rw-r--r--css/page.css56
1 files changed, 27 insertions, 29 deletions
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;