summaryrefslogtreecommitdiffstats
path: root/data/css/style.css
diff options
context:
space:
mode:
authorFlorian Pritz <bluewind@xinu.at>2013-07-15 21:02:58 +0200
committerFlorian Pritz <bluewind@xinu.at>2013-07-15 21:06:53 +0200
commit463553f8216029942e478f6be346897e8ce2c83d (patch)
treee7f0459b7651c25288dd8615eb8d3f5a5c4e30bd /data/css/style.css
parentf37cbe5725db038b42777848064c4a79b818d0a8 (diff)
Add footer; move contact info to footer
Signed-off-by: Florian Pritz <bluewind@xinu.at>
Diffstat (limited to 'data/css/style.css')
-rw-r--r--data/css/style.css66
1 files changed, 60 insertions, 6 deletions
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;