From 463553f8216029942e478f6be346897e8ce2c83d Mon Sep 17 00:00:00 2001 From: Florian Pritz Date: Mon, 15 Jul 2013 21:02:58 +0200 Subject: Add footer; move contact info to footer Signed-off-by: Florian Pritz --- data/css/style.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 60 insertions(+), 6 deletions(-) (limited to 'data') diff --git a/data/css/style.css b/data/css/style.css index 52d84b505..cc2e00b12 100644 --- a/data/css/style.css +++ b/data/css/style.css @@ -4,10 +4,6 @@ margin-top: -20px; } -body { - padding-bottom: 30px; -} - @media (max-width: 767px) { .navbar-static-top { margin-left: 0; @@ -16,8 +12,8 @@ body { } @media (min-width: 980px) { - body { - padding-top: 60px; + #navbar-height { + height: 60px; } .anchor { @@ -66,6 +62,64 @@ code, pre, textarea { background: #fff; } +/* Sticky footer styles + * Source: http://twitter.github.io/bootstrap/examples/sticky-footer.html +-------------------------------------------------- */ +.footer { + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + /*padding: 30px 0;*/ + /*margin-top: 70px;*/ + text-align: center; +} + + +html, +body { + height: 100%; + /* The html and body elements cannot have any padding or margin. */ +} + +/* Wrapper for page content to push down footer */ +#wrap { + min-height: 100%; + height: auto !important; + height: 100%; + /* Negative indent footer by it's height */ + margin: 0 auto -131px; +} + +/* Set the fixed height of the footer here */ +#footer { + height: 130px; +} + +/* Set to footer height + 70px "padding" */ +#push { + height: 200px; +} + +/* Lastly, apply responsive CSS fixes as necessary */ +@media (max-width: 767px) { + #footer { + margin-left: -20px; + margin-right: -20px; + padding-left: 20px; + padding-right: 20px; + } +} + +.footer-links { + margin: 10px 0; +} +.footer-links li { + display: inline; + padding: 0 2px; +} +.footer-links li:first-child { + padding-left: 0; +} + .paste-container { padding-top: 40px; background: #eee; -- cgit v1.2.3-24-g4f1b