CSS: transparent footer fixed to bottom

akoprow · Mar 6, 2012 · b1b13c6 · b1b13c6
1 parent c136e90
commit b1b13c6
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/resources/css/style.css b/resources/css/style.css
diff --git a/resources/css/style.less b/resources/css/style.less
@@ -72,9 +72,9 @@ body, .navbar-inner {
   background:transparent;
 }
 body, h1,h2,h3,h4,h5,h6 {
-color: @grayBlue;
-font-weight: 300;
-text-shadow: 0 -1px 1px black;
+  color: @grayBlue;
+  font-weight: normal;
+  text-shadow: 0 -1px 1px black;
 }
 h2 {margin-bottom:18px;}
 
@@ -189,4 +189,23 @@ a.box .well {
   left: 53px;
 }
 a.circle:hover, a.box:hover {text-decoration:none;}
-a.box .well h3 {color:white;}
+a.box .well h3 {color:white;}
+
+/* Footer */
+#content {margin-bottom:20px;}
+
+.footer {
+  color:@gray;
+  background:black;
+  .color_bg(black,.5);
+  border-top: 1px solid @darkBlue;
+  @shadow: 0 -1px 0 rgba(255,255,255,0.05), inset 0 1px 3px rgba(0,0,0,.1);
+  .box-shadow(@shadow);
+  margin-top:10px;
+  padding: 10px 0;
+  position: fixed;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+}
+.footer span, .footer a, .footer img {vertical-align: middle;}