110swag / flashy-frontend

Compare View

switch
from
...
to
 
Commits (2)

Diff

Showing 2 changed files Side-by-side Diff

home.html View file @ 49bafe9
... ... @@ -93,15 +93,24 @@
93 93  
94 94  
95 95 <!-- Menu Bar -->
96   -<main ui-view></main>
97 96  
  97 +<div class="wrapper">
98 98  
  99 + <main ui-view></main>
  100 +
  101 + <div class="push"></div>
  102 +</div>
  103 +
  104 +
  105 +
  106 +
99 107 <footer class="page-footer">
100 108 <div class="footer-copyright">
101   - <div class="container">
102   - &copy; 2015 Team Swag
103   - <a class="grey-text text-lighten-4 right" href="mailto:halp@flashy.cards">Concerns? Contact us by email!</a>
104   - </div>
  109 + <div class="container">
  110 + &copy; 2015 Team Swag
  111 + <a class="grey-text text-lighten-4 right" id="contact" href="mailto:halp@flashy.cards">Concerns? Contact us by email!</a>
  112 + </div>
  113 +
105 114 </div>
106 115 </footer>
107 116  
styles/flashy.css View file @ 49bafe9
... ... @@ -222,10 +222,12 @@ body {
222 222 background-color: #e8e8e8;
223 223 overflow-x: hidden;
224 224 font-family: 'Titillium Web', sans-serif;
  225 + height: 100%;
225 226 }
226 227  
227 228 html {
228 229 background: transparent;
  230 + height: 100%;
229 231 }
230 232  
231 233 .btn {
... ... @@ -368,3 +370,28 @@ md-content.md-default-theme {
368 370 }
369 371  
370 372 /* Animation CSS END */
  373 +
  374 +
  375 +
  376 +
  377 +/* Footer */
  378 +* {
  379 +margin: 0;
  380 +}
  381 +
  382 +
  383 +.wrapper {
  384 + min-height: 100%;
  385 + height: auto !important;
  386 + height: 100%;
  387 + margin: 0 auto -4em;
  388 +}
  389 +
  390 +.container, .push {
  391 + height: 4em;
  392 +}
  393 +
  394 +
  395 +
  396 +
  397 +