Update SSL/malware/net error interstitial design

chrome/renderer/resources/neterror.css

 /* Copyright 2013 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Don't use the main frame div when the error is in a subframe. */
 html[subframe] #main-frame-error {
   display: none;
 }
 
 /* Don't use the subframe error div when the error is in a main frame. */
@@ skipping 19 matching lines @@
   margin: 10px 0;
 }
 
 a {
   color: rgb(17, 85, 204);
   text-decoration: none;
 }
 
 .icon {
   -webkit-user-select: none;
+  content: '';
 }
 
 .icon-generic {
   /**
    * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted
    * renderer process, so embed the resource manually.
    */
   content: -webkit-image-set(
       url(default_100_percent/common/error_network_generic.png) 1x,
       url(default_200_percent/common/error_network_generic.png) 2x);
@@ skipping 96 matching lines @@
   font-weight: bold;
   margin-bottom: 4px;
 }
 
 .suggestion-body {
   color: #777;
 }
 
 .error-code {
   color: #A0A0A0;
+  font-size: .825em;
   margin-top: 15px;
 }
 
 /* Increase line height at higher resolutions. */
 @media (min-width: 641px) and (min-height: 641px) {
   #help-box-inner {
     line-height: 18px;
   }
 }
 
 /* Decrease padding at low sizes. */
 @media (max-width: 640px), (max-height: 640px) {
-  body {
-    margin: 15px;
-  }
   h1 {
-    margin: 10px 0 15px;
+    margin: 0 0 15px;
   }
   #content-top {
     margin: 15px;
   }
   #help-box-inner {
     padding: 20px;
   }
   .suggestions {
     margin-top: 10px;
   }
@@ skipping 92 matching lines @@
   content: '';
   display: block;
   width: 100%;
 }
 
 /* Offline page */
 .offline .interstitial-wrapper {
   color: #2b2b2b;
   font-size: 1em;
   line-height: 1.55;
-  margin: 100px auto 0;
+  margin: 0 auto;
   max-width: 600px;
+  padding-top: 100px;
   width: 100%;
 }
 
 .offline .runner-container {
   height: 150px;
   max-width: 600px;
   overflow: hidden;
   position: absolute;
   top: 10px;
   width: 44px;
@@ skipping 16 matching lines @@
   position: absolute;
   top: 0;
   width: 100vw;
   z-index: 1;
 }
 
 #offline-resources {
   display: none;
 }
 
-@media (max-width: 400px) {
+@media (max-width: 420px) {
   .suggested-left > #control-buttons,
   .suggested-right > #control-buttons {
     float: none;
-    margin: 50px 0 20px;
   }
 }
 
 @media (max-height: 350px) {
   h1 {
     margin: 0 0 15px;
   }
 
   .icon-offline {
     margin: 0 0 10px;
   }
 
   .interstitial-wrapper {
     margin-top: 5%;
   }
 
   .nav-wrapper {
     margin-top: 30px;
   }
 }
+
+@media (min-height: 240px) and (orientation: landscape) {
+  .offline .interstitial-wrapper {
+    margin-bottom: 20px;
+  }
+}