portico: Fix background color; remove need for bg-image classes.

static/styles/portico-signin.css

@@ -2,21 +2,9 @@ html {
     min-height: 500px;
 }
 
-.app-main .bg-image {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 100vw;
-    height: 100vh;
-
-    background-color: hsl(0, 0%, 98%);
-
-    z-index: -1;
-}
-
 .flex {
     display: flex;
-    height: calc(100vh - 100px);
+    height: calc(100vh - 135px);
     align-items: center;
     justify-content: center;
 }
@@ -142,14 +130,14 @@ html {
     margin-bottom: 0px;
 }
 
-.header,
-.header .stripes,
-.header .darker {
-    background: #fff;
-
+.header {
     color: hsl(0, 0%, 27%);
 }
 
+.header {
+    background-color: #fff;
+}
+
 .header .top-links a,
 .header .header-main .logo span {
     color: hsl(0, 0%, 27%);

static/styles/portico.css

@@ -1,3 +1,7 @@
+body {
+    background-color: #fafafa;
+}
+
 .container-fluid {
     padding: 0px;
     min-height: 100%;
@@ -29,26 +33,14 @@
 }
 
 .header {
+    position: relative;
+
     padding: 6px 0px;
     height: 29px;
-}
 
-.header .stripes,
-.header .darker {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    top: 0px;
+    background-color: #fff;
 
-    background: repeating-linear-gradient(
-      75deg,
-      hsla(0, 0%, 100%, 0.0) 0px,
-      hsla(0, 0%, 100%, 0.06) 200px
-    );
-}
-
-.header .darker {
-    background: -webkit-linear-gradient(top left, transparent , hsla(0, 0%, 0%, 0.3));
+    z-index: 2;
 }
 
 .navbar.footer .nav > li {

templates/zerver/accounts_home.html

@@ -9,7 +9,6 @@ $(function () {
     common.autofocus('#email');
 });
 </script>
-<div class="bg-image"></div>
 
 <div class="app register-page split-view flex full-page new-style">
     <div class="inline-block">

templates/zerver/accounts_send_confirm.html

@@ -5,7 +5,6 @@
 <div class="app portico-page">
     <div class="app-main portico-page-container center-block flex full-page account-creation new-style">
         <div class="inline-block">
-            <div class="bg-image"></div>
 
             <div class="get-started">
                 <h1>{{ _("Thanks for signing up!") }}</h1>

templates/zerver/create_realm.html

@@ -12,7 +12,6 @@ $(function () {
 
 <div class="app register-page flex">
     <div class="app-main register-page-container new-style flex full-page">
-        <div class="bg-image"></div>
 
         <div class="register-form">
             <div class="lead">

templates/zerver/dev_login.html

@@ -4,7 +4,6 @@
 {% block portico_content %}
 <div class="app login-page flex full-page">
     <div class="app-main login-page-container dev-login white-box">
-        <div class="bg-image"></div>
 
         <h4 class="login-page-header">{{ _('Click on a user to log in!') }}</h4>
         <p class="devlogin_subheader">{{ _('(Or visit the <a href="/login">normal login page</a>)') }}</p>

templates/zerver/find_my_team.html

@@ -1,7 +1,6 @@
 {% extends "zerver/portico.html" %}
 
 {% block portico_content %}
-<div class="bg-image"></div>
 
 <div class="app find-team-page flex full-page">
     <div class="inline-block new-style">

templates/zerver/login.html

@@ -8,7 +8,6 @@
 
 {% block portico_content %}
 
-<div class="bg-image"></div>
 
 
 {% if password_auth_enabled %}

templates/zerver/register.html

@@ -14,7 +14,6 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
 
 {% block portico_content %}
 <div class="register-account flex full-page">
-  <div class="bg-image"></div>
   <div class="center-block new-style" style="padding: 20px 0px">
     <div class="pitch">
         {% trans %}

templates/zerver/reset.html

@@ -1,7 +1,6 @@
 {% extends "zerver/portico_signup.html" %}
 {% block portico_content %}
 
-<div class="bg-image"></div>
 
 <div class="flex new-style app portico-page">
     <div class="inline-block">
@@ -10,7 +9,6 @@
         </div>
 
         <div class="app-main forgot-password-container white-box new-style">
-            <div class="bg-image"></div>
 
             <p>Forgot your password? No problem, we'll send a link to reset your password to the email you signed up with.</p>
 

templates/zerver/reset_confirm.html

@@ -7,7 +7,6 @@
 {% block portico_content %}
 
 <div class="password-container flex full-page new-style">
-    <div class="bg-image"></div>
 
     <!-- wrapper for flex content -->
     <div>

tools/travis/success-http-headers.txt

@@ -22,10 +22,10 @@ Reusing existing connection to localhost:443.
   HTTP/1.1 200 OK
   Server: nginx/1.4.6 (Ubuntu)
   Content-Type: text/html; charset=utf-8
-  Content-Length: 6463
+  Content-Length: 6434
   Connection: keep-alive
   Strict-Transport-Security: max-age=15768000
-Length: 6463 (6.3K) [text/html]
+Length: 6434 (6.3K) [text/html]
 Saving to: ‘/tmp/index.html’