summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/leap.scss
diff options
context:
space:
mode:
authorelijah <elijah@riseup.net>2014-01-22 02:18:30 -0800
committerelijah <elijah@riseup.net>2014-01-23 11:37:49 -0800
commit67650ea9fead442cb2f66a2fbbec452c890d0775 (patch)
tree22e2042d2b416f01f645f75901f2bf077329f412 /app/assets/stylesheets/leap.scss
parent87383e624855def55e13d238b2f20b79c418c1d9 (diff)
added a default footer with links to privacy policy, tos, pricing, about us, contact.
Diffstat (limited to 'app/assets/stylesheets/leap.scss')
-rw-r--r--app/assets/stylesheets/leap.scss58
1 files changed, 57 insertions, 1 deletions
diff --git a/app/assets/stylesheets/leap.scss b/app/assets/stylesheets/leap.scss
index 02b6241..120b978 100644
--- a/app/assets/stylesheets/leap.scss
+++ b/app/assets/stylesheets/leap.scss
@@ -4,7 +4,8 @@
// This is a trick to be able to use bootstrap fluid layout and also have a max-width.
// It is like having your cake and eating it too.
-#main {
+// not needed in bootstrap 3
+#main, #masthead-text {
*zoom: 1;
margin-left: auto;
margin-right: auto;
@@ -212,6 +213,9 @@ input, textarea {
.sitename {
font-weight: bold;
}
+ a {
+ color: $textColor;
+ }
}
.home-buttons {
@@ -265,3 +269,55 @@ input, textarea {
.overview li {
padding: 6px 0;
}
+
+//
+// STICKY FOOTER for BOOSTRAP 2
+// http://getbootstrap.com/2.3.2/examples/sticky-footer.html
+// when upgrading to bootstrap 3, use this instead:
+// http://getbootstrap.com/examples/sticky-footer/
+//
+
+$footer-height: 60px;
+$footer-border-width: 1px;
+$footer-gutter: 20px; // vertical gap above footer
+$footer-combined: $footer-height + $footer-border-width + $footer-gutter;
+$footer-color: $grayLighter !default;
+
+html, body {
+ height: 100%;
+ padding: 0;
+ margin: 0;
+}
+
+#wrap {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+ margin: 0 auto -1 * ($footer-height + $footer-border-width + $footer-gutter);
+}
+
+#push {
+ height: $footer-height + $footer-gutter - $footer-border-width;
+}
+
+#footer {
+ padding-top: $footer-gutter;
+ height: $footer-height - $footer-border-width;
+ .full-height {
+ text-align: center;
+ line-height: $footer-height - $footer-border-width;
+ border-top: $footer-border-width solid darken($footer-color, 10%);
+ background-color: $footer-color;
+ a {
+ color: $black;
+ margin: 0 5px;
+ }
+ }
+}
+
+ @media (max-width: 767px) {
+ #footer a {
+ font-size: 80%;
+ margin: 0 2px;
+ }
+}