Merge branch 'sup-1349-new-nav' of https://github.com/appirio-tech/topcoder-app into dev

Author: thabofletcher

app/index.jade

@@ -83,7 +83,9 @@ html
 
     toaster-container(toaster-options="{{main.globalToasterConfig}}")
 
-    .view-container(ui-view="container")
+    .fold-wrapper
+      .view-container(ui-view="container")
+      .fold-pusher
 
     div(ui-view="footer")
 

assets/css/layout/footer.scss

@@ -34,6 +34,9 @@
 
 
 @media only screen and (max-width : 991px) {
+	.bottom-footer, .fold-pusher {
+		height: 200px;
+	}
 	.bottom-footer .menu-item {
 		display: none;
 		margin-top: 30px;
@@ -71,6 +74,9 @@
 }
 
 @media only screen and (min-width : 992px) {
+	.bottom-footer, .fold-pusher {
+		height: 270px;
+	}
 	.bottom-footer {
 		padding-top: 40px;
 
@@ -87,6 +93,9 @@
 				font-size: 16px;
 				line-height: 21px;
 			}
+			.menu-link:hover {
+			    color: #0096ff;
+			}
 		}
 	}
 

assets/css/layout/header.scss

@@ -188,6 +188,14 @@
     padding-left: 10px;
     vertical-align: middle;
   }
+  
+  .menu-item-header {
+    text-transform: none;
+  }
+}
+
+.menu-item-header {
+  text-transform: uppercase;
 }
 
 .submenu {
@@ -468,14 +476,12 @@
 
   .menu-item-header {
     color: #a3a3a3;
-    text-transform: uppercase;
   }
 
   // Change source ordering for user logo and username
   .user-menu .menu-item-header {
     position: relative;
     padding-right: 40px;
-    text-transform: none;
 
     .user-avatar {
       position: absolute;

assets/css/topcoder.scss

@@ -4,16 +4,30 @@
 // Resets and top level container stylings
 html {
   min-height: 100%;
+  height: 100%;
   box-sizing: border-box;
 }
 
 *, *:before, *:after {
+  margin: 0;
   box-sizing: inherit;
 }
 
 body {
   @include source-sans-regular;
   background-color: $ui-page-gray;
+  height: 100%;
+}
+
+
+.fold-wrapper {
+  min-height: 100%;
+  @media only screen and (min-width : 992px) {
+    margin: 0 auto -270px;
+  }
+  @media only screen and (max-width : 991px) {
+    margin: 0 auto -200px;
+  }
 }
 
 .notifications {