styling and variable changes

lms/static/sass/base/_variables.scss

@@ -65,7 +65,7 @@ $header-image: linear-gradient(-90deg, rgba(255,255,255, 1), rgba(230,230,230, 0
 $header-bg: rgb(255, 255, 255);
 $courseware-header-image: linear-gradient(top, #fff, #eee);
 $courseware-header-bg: transparent;
-$footer-bg: transparent;
+$footer-bg: $white;
 $courseware-footer-border: none;
 $courseware-footer-shadow: none;
 $courseware-footer-margin: 0px;

lms/static/sass/multicourse/_course_about.scss

@@ -11,7 +11,7 @@
     border-bottom: 1px solid $border-color-3;
     @include box-shadow(inset 0 1px 5px 0 rgba(0,0,0, 0.1));
     height: 280px;
-    margin-top: -69px;
+    margin-top: -77px;
     padding-top: 150px;
     overflow: hidden;
     position: relative;

lms/static/sass/multicourse/_courses.scss

@@ -10,7 +10,7 @@
     border-bottom: 1px solid $border-color-3;
     @include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3));
     height: 430px;
-    margin-top: -69px;
+    margin-top: -77px;
     width: 100%;
 
     .inner-wrapper {

lms/static/sass/multicourse/_home.scss

@@ -15,7 +15,7 @@
     @include clearfix;
     height: 460px;
     overflow: hidden;
-    margin-top: -69px;
+    margin-top: -77px;
     padding: 0px;
     width: flex-grid(12);
 

lms/static/sass/shared/_footer.scss

@@ -2,7 +2,7 @@
   @include box-shadow(0 -1px 5px 0 rgba(0,0,0, 0.1));
   border-top: 1px solid tint($m-gray,50%);
   padding: 25px ($baseline/2) ($baseline*1.5) ($baseline/2);
-  background: $white;
+  background: $footer-bg;
 
   footer {
     @include clearfix();
@@ -16,18 +16,18 @@
     }
 
     a {
-      @include transition(color 0.15s ease-in-out, border 0.15s ease-in-out);
+      @include transition($link-color 0.15s ease-in-out, border 0.15s ease-in-out);
 
       &:link, &:visited, &:hover, &:active {
         border-bottom: none;
-        color: $m-blue;
+        color: $base-font-color;
         text-decoration: none !important;
         font-family: $sans-serif;
       }
 
       &:hover, &:active {
-        border-bottom: 1px dotted $m-blue-s1;
-        color: $m-blue-s1;
+        border-bottom: 1px solid $link-color;
+        color: $link-color;
       }
     }
 
@@ -49,7 +49,7 @@
             color: tint($black, 20%);
 
             &:hover, &:active {
-              color: $m-blue-s1;
+              color: $link-color;
             }
           }
 
@@ -82,9 +82,10 @@
 
     // references
     .references {
-      margin: -10px 0 0 0;
+      margin: 0;
       width: flex-grid(4,12);
       float: right;
+      text-align: right;
 
       .nav-social {
         margin: 0;

lms/static/sass/shared/_header.scss

@@ -281,11 +281,11 @@ header.global {
 
       a {
         @include border-radius(0);
-        @include linear-gradient($m-blue-s1 5%, $m-blue-d1 95%);
+        @include linear-gradient(shade($link-color,15%) 5%, saturate($link-color,15%) 95%);
         display: inline-block;
         padding: $baseline/2 $baseline*2.5;
         text-transform: lowercase;
-        color: $white;
+        color: $very-light-text;
         letter-spacing: 0.1rem;
         font-weight: 300;
         cursor: pointer;