Add CSS for recurrent error message

When an error message has recurred several times, show a message on the
interstitial. This CL adds the CSS for the recurrent error message. See
https://bugs.chromium.org/p/chromium/issues/detail?id=839969#c3 for a current
screenshot.

Bug: 839969
Change-Id: I4a3ce380563d7053bf6d241ae18a380f67d22300
Reviewed-on: https://chromium-review.googlesource.com/1052918
Commit-Queue: Emily Stark <estark@chromium.org>
Reviewed-by: Edward Jung <edwardjung@chromium.org>
Cr-Commit-Position: refs/heads/master@{#557513}

components/security_interstitials/core/browser/resources/interstitial_large.js

@@ -130,6 +130,8 @@ function setupEvents() {
 
   if (!ssl || !showRecurrentErrorParagraph) {
     $('recurrent-error-message').classList.add(HIDDEN_CLASS);
+  } else {
+    $('body').classList.add('showing-recurrent-error-message');
   }
 
   if ($('diagnostic-link')) {

components/security_interstitials/core/common/resources/interstitial_common.css

@@ -456,3 +456,13 @@ input[type=checkbox]:checked ~ .checkbox::before {
     padding-right: 0;
   }
 }
+
+#recurrent-error-message {
+  background: #efefef;
+  padding: 14px;
+  margin-top: 7px;
+}
+
+.showing-recurrent-error-message #extended-reporting-opt-in {
+  margin-top: 14px;
+}