Reinstate the error code to main content area + bug fixes on security / network interstitials

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 40 matching lines @@
   padding-top: 20px;
 }
 
 .icon-offline {
   content: -webkit-image-set(
       url(default_100_percent/offline/100-error-offline.png) 1x,
       url(default_200_percent/offline/200-error-offline.png) 2x);
   position: relative;
 }
 
+.error-code {
+  display: block;
+}
+
 #content-top {
   margin: 20px;
 }
 
 #help-box-inner {
   background-color: #f9f9f9;
   border-top: 1px solid #EEE;
   color: #444;
   padding: 20px;
   text-align: start;
@@ skipping 52 matching lines @@
 }
 
 #search-image {
   content:
       -webkit-image-set(
           url(../../app/theme/default_100_percent/common/omnibox_search_button_loupe.png) 1x,
           url(../../app/theme/default_200_percent/common/omnibox_search_button_loupe.png) 2x);
   margin: auto;
 }
 
+.secondary-button {
+  -webkit-margin-end: 16px;
+  background: #d9d9d9;
+  color: #696969;
+}
+
 .hidden {
   display: none;
 }
 
 .suggestions {
   margin-top: 18px;
 }
 
 .suggestion-header {
   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) {
   h1 {
@@ skipping 67 matching lines @@
   #sub-frame-error .icon-generic {
     height: auto;
     margin: 0;
     padding-top: 0;
     width: 25px;
   }
 }
 
 /* details-button is special; it's a <button> element that looks like a link. */
 #details-button {
-  background-color: inherit;
-  background-image: none;
-  border: none;
   box-shadow: none;
   min-width: 0;
-  padding: 0;
-  text-decoration: underline;
 }
 
 /* Styles for platform dependent separation of controls and details button. */
 .suggested-left > #control-buttons,
-.suggested-right > #details-button  {
+.suggested-left #stale-load-button,
+.suggested-right > #details-button {
   float: left;
 }
 
 .suggested-right > #control-buttons,
-.suggested-left > #details-button  {
+.suggested-right #stale-load-button,
+.suggested-left > #details-button {
   float: right;
 }
 
+.suggested-left .secondary-button {
+  -webkit-margin-end: 0px;
+  -webkit-margin-start: 16px;
+}
+
 #details-button.singular {
   float: none;
 }
 
 #buttons::after {
   clear: both;
   content: '';
   display: block;
   width: 100%;
 }
@@ skipping 79 matching lines @@
 
 @media (max-height: 320px) and (orientation: landscape) {
   .icon-offline {
     margin-bottom: 0;
   }
 
   .offline .runner-container {
     top: 10px;
   }
 }