Update SSL/malware/net error interstitial design

chrome/renderer/resources/neterror.js

 // 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.
 
 function toggleHelpBox() {
-  var helpBoxOuter = document.getElementById('help-box-outer');
+  var helpBoxOuter = document.getElementById('details');
   helpBoxOuter.classList.toggle('hidden');
   var detailsButton = document.getElementById('details-button');
   if (helpBoxOuter.classList.contains('hidden'))
     detailsButton.innerText = detailsButton.detailsText;
   else
     detailsButton.innerText = detailsButton.hideDetailsText;
+
+  // Details appears over the main content on small screens.
+  if (mobileNav)
+    document.getElementById('main-content').classList.toggle('hidden');
 }
 
 function diagnoseErrors() {
   var extensionId = 'idddmepepmjcgiedknnmlbadcokidhoa';
   var diagnoseFrame = document.getElementById('diagnose-frame');
   diagnoseFrame.innerHTML =
       '<iframe src="chrome-extension://' + extensionId +
       '/index.html"></iframe>';
 }
 
@@ skipping 23 matching lines @@
 
   classList.add(newClass);
   if (oldClass !== undefined)
     classList.remove(oldClass);
 
   classList['last_icon_class'] = newClass;
 
   if (newClass == 'icon-offline') {
     document.body.classList.add('offline');
     new Runner('.interstitial-wrapper');
+  } else {
+    document.body.classList.add('neterror');
   }
 }
 
 // Does a search using |baseSearchUrl| and the text in the search box.
 function search(baseSearchUrl) {
   var searchTextNode = document.getElementById('search-box');
   document.location = baseSearchUrl + searchTextNode.value;
   return false;
 }
 
@@ skipping 63 matching lines @@
   if (reloadButton.style.display == 'none' &&
       staleLoadButton.style.display == 'none') {
     detailsButton.classList.add('singular');
   }
 
 <if expr="not chromeos">
   // Hide the details button if there are no details to show.
   if (loadTimeData.valueExists('summary') &&
           !loadTimeData.getValue('summary').msg) {
     detailsButton.style.display = 'none';
-    document.getElementById('help-box-outer').style.display = 'block';
+    document.getElementById('details').style.display = 'block';
   }
 </if>
 
   // Show control buttons.
   if (loadTimeData.valueExists('reloadButton') &&
           loadTimeData.getValue('reloadButton').msg ||
       loadTimeData.valueExists('staleLoadButton') &&
           loadTimeData.getValue('staleLoadButton').msg) {
     controlButtonDiv.hidden = false;
   }
 
   // Add a main message paragraph.
   if (loadTimeData.valueExists('primaryParagraph')) {
     var p = document.querySelector('#main-message p');
     p.innerHTML = loadTimeData.getString('primaryParagraph');
     p.hidden = false;
   }
 }
 
 document.addEventListener('DOMContentLoaded', onDocumentLoad);