New SSL blocking screen

chrome/browser/resources/ssl/blocking.css

Index: chrome/browser/resources/ssl/blocking.css
diff --git a/chrome/browser/resources/ssl/blocking.css b/chrome/browser/resources/ssl/blocking.css
new file mode 100644
index 0000000000000000000000000000000000000000..c1cafbede39908baa0d13fafa1779dd6baebfde9
--- /dev/null
+++ b/chrome/browser/resources/ssl/blocking.css
@@ -0,0 +1,36 @@
+/* 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. */
+
+.explanation-par {
+  line-height: 18px;
+  padding: 0 20px 20px 20px;
+}
+
+#icon-lock {
+  content: -webkit-image-set(
+      url('locked_page_100.png') 1x,
+      url('locked_page_200.png') 2x);
+  padding-bottom: 15px;
+  padding-top: 10px;
+}
+
+/* Decrease padding at low sizes. */
+@media (max-width: 640px) {

[Patrick Dubroy, 2013/10/21 13:32:56]

I missed this before, but you can actually combine the two media queries into
one:

    @media (max-width: 640px), (max-height: 640px) {
      ...
    }

[felt, 2013/10/21 14:56:57]

Done.

+  .explanation-par,
+  .ssl-help-box-inner {
+    padding: 0;
+  }
+}
+
+/* Decrease padding at low sizes. */
+@media (max-height: 640px) {
+  .explanation-par,
+  .ssl-help-box-inner {
+    padding: 0;
+  }
+}
+
+.ssl-help-box-inner {
+  padding: 0 20px;
+}