Update password reset views style

Reuse the style from login and register views.
Remove all the specific style.

lms/static/sass/application-extend1.scss.mako

@@ -52,7 +52,6 @@
 @import 'multicourse/media-kit';
 @import 'multicourse/about_pages';
 @import 'multicourse/press_release';
-@import 'multicourse/password_reset';
 @import 'multicourse/error-pages';
 @import 'multicourse/help';
 @import 'multicourse/edge';

lms/static/sass/base/_variables.scss

@@ -382,6 +382,7 @@ $homepage-bg-image: none;
 
 $login-banner-image: url(../images/bg-banner-account.png);
 $register-banner-image: url(../images/bg-banner-account.png);
+$passwordreset-banner-image: url(../images/bg-banner-account.png);
 
 $video-thumb-url: '../images/courses/video-thumb.jpg';
 

lms/static/sass/multicourse/_account.scss

@@ -115,7 +115,7 @@
   }
 
   .introduction {
-    padding: ($baseline*2) $baseline 0 $baseline;
+    padding: 0;
 
     header {
       position: relative;
@@ -533,8 +533,6 @@
   }
 
   .introduction {
-    padding: 0;
-
     header {
       height: 120px;
       border-bottom: 1px solid $m-gray;
@@ -547,8 +545,6 @@
 .view-register {
 
   .introduction {
-    padding: 0;
-
     header {
       height: 120px;
       border-bottom: 1px solid $m-gray;
@@ -559,26 +555,21 @@
 
 // password reset
 .view-passwordreset {
-  background: $sidebar-color;
 
-  header.global {
-
-    h1 {
-      float: none;
-    }
+  header.global .nav-courseware .cta-login {
+    display: none;
   }
 
   .introduction {
-    width: auto;
-    padding: 0;
-
-    header h1 {
-      margin: 0;
+    header {
+      height: 120px;
+      border-bottom: 1px solid $m-gray;
+      background: transparent $passwordreset-banner-image 0 0 no-repeat;
     }
   }
 
   .content {
-    margin-top: 0;
+    padding: 0;
   }
 }
 

lms/static/sass/multicourse/_password_reset.scss

@@ -1,95 +0,0 @@
-.password-reset {
-  background: rgb(245,245,245);
-  border: 1px solid rgb(200,200,200);
-  border-radius: 4px;
-  @include box-sizing(border-box);
-  box-shadow: 0 5px 50px 0 rgba(0,0,0, 0.3);
-  margin: 120px auto 0;
-  padding: 0px 40px 40px;
-  width: flex-grid(5);
-
-  header {
-    margin-bottom: 30px;
-    overflow: hidden;
-    padding: 28px 20px 0px;
-    position: relative;
-    z-index: 2;
-
-    &::before {
-      @include background-image(radial-gradient(50% 50%, circle closest-side, rgba(255,255,255, 0.8) 0%, rgba(255,255,255, 0) 100%));
-      content: "";
-      display: block;
-      height: 400px;
-      left: 0px;
-      margin: 0 auto;
-      position: absolute;
-      top: -140px;
-      width: 100%;
-      z-index: 1;
-    }
-
-    hr {
-      @extend %faded-hr-divider-light;
-      border: none;
-      margin: 0px;
-      position: relative;
-      z-index: 2;
-
-      &::after {
-        @extend %faded-hr-divider;
-        bottom: 0px;
-        content: "";
-        display: block;
-        position: absolute;
-        top: -1px;
-      }
-    }
-
-    h2 {
-      position: relative;
-      text-align: center;
-      text-shadow: 0 1px rgba(255,255,255, 0.4);
-      z-index: 2;
-    }
-  }
-
-  > p {
-    margin-bottom: 20px;
-  }
-
-  form {
-    margin-bottom: 12px;
-    position: relative;
-    z-index: 2;
-
-    label {
-      display: none;
-    }
-
-    input[type="checkbox"] {
-      margin-right: 5px;
-    }
-
-    input[type="email"],
-    input[type="text"],
-    input[type="password"] {
-      border: 1px solid red !important;
-      background: rgb(255,255,255);
-      display: block;
-      height: 45px;
-      margin-bottom: 20px;
-      width: 100%;
-    }
-
-    .submit {
-      padding-top: 10px;
-
-      input[type="submit"] {
-        display: block;
-        height: 45px;
-        margin: 0 auto;
-        width: 100%;
-      }
-    }
-  }
-}

lms/static/sass/shared/_footer.scss

@@ -187,7 +187,7 @@
 }
 
 // marketing site design syncing
-.view-register, .view-login {
+.view-register, .view-login, .view-passwordreset {
 
   .wrapper-footer footer {
     width: 960px;

lms/static/sass/shared/_header.scss

@@ -298,7 +298,7 @@ header.global {
 }
 
 // marketing site design syncing
-.view-register, .view-login {
+.view-register, .view-login, .view-passwordreset {
 
   header.global nav {
     width: 960px;