From 69a8255a0f4ad819d6e0a794bcbc261d7cc87690 Mon Sep 17 00:00:00 2001 From: Kevin Mach <kjmach@ucsd.edu> Date: Tue, 26 May 2015 18:49:31 -0700 Subject: [PATCH] STICK TO THE FOOT STICKY FOOTER --- home.html | 19 ++++++++++++++----- styles/flashy.css | 27 +++++++++++++++++++++++++++ 2 files changed, 41 insertions(+), 5 deletions(-) diff --git a/home.html b/home.html index 2b6b2cc..9f9be2d 100644 --- a/home.html +++ b/home.html @@ -93,15 +93,24 @@ <!-- Menu Bar --> -<main ui-view></main> +<div class="wrapper"> + <main ui-view></main> + + <div class="push"></div> +</div> + + + + <footer class="page-footer"> <div class="footer-copyright"> - <div class="container"> - © 2015 Team Swag - <a class="grey-text text-lighten-4 right" href="mailto:halp@flashy.cards">Concerns? Contact us by email!</a> - </div> + <div class="container"> + © 2015 Team Swag + <a class="grey-text text-lighten-4 right" id="contact" href="mailto:halp@flashy.cards">Concerns? Contact us by email!</a> + </div> + </div> </footer> diff --git a/styles/flashy.css b/styles/flashy.css index 1e98779..fa23b98 100644 --- a/styles/flashy.css +++ b/styles/flashy.css @@ -222,10 +222,12 @@ body { background-color: #e8e8e8; overflow-x: hidden; font-family: 'Titillium Web', sans-serif; + height: 100%; } html { background: transparent; + height: 100%; } .btn { @@ -368,3 +370,28 @@ md-content.md-default-theme { } /* Animation CSS END */ + + + + +/* Footer */ +* { +margin: 0; +} + + +.wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; +} + +.container, .push { + height: 4em; +} + + + + + -- 1.9.1