New SSL blocking screen

chrome/browser/resources/ssl/blocking.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. */
+
+.explanation-par {
+  color: #444;
+  padding: 0 20px 20px 20px;
+  text-align: start;
+}
+
+h2 {

[Patrick Dubroy, 2013/10/21 07:48:51]

Any reason not to push this into neterror.css, so that other pages that we might
introduce in the future could benefit from it?

[felt, 2013/10/21 13:08:34]

Done.

+  color: #666;
+  font-size: 1.2em;
+  font-weight: normal;
+  margin: 10px 0;
+}
+
+#icon-lock {
+  content: -webkit-image-set(
+      url('locked_page_100.png') 1x,
+      url('locked_page_200.png') 2x);
+  padding-bottom: 15px;
+  padding-top: 10px;
+}
+
+/* Increase line height at higher resolutions. */
+@media (min-width: 641px) and (min-height: 641px) {

[Patrick Dubroy, 2013/10/21 07:48:51]

Are you sure you need this media query? This is the default, and the others, if
they apply, will override the default rules. So I think you can just drop the
whole "@media ..." part.

[felt, 2013/10/21 13:08:34]

Done.

+  .explanation-par {
+    line-height: 18px;
+  }
+  .ssl-help-box-inner {

[Patrick Dubroy, 2013/10/21 07:48:51]

I'd collapse this into the rule above for brevity.

[felt, 2013/10/21 13:08:34]

Done.

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

[Patrick Dubroy, 2013/10/21 07:48:51]

Same, collapse into one.

[felt, 2013/10/21 13:08:34]

Done.

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

[Patrick Dubroy, 2013/10/21 07:48:51]

Same, collapse into one.

[felt, 2013/10/21 13:08:34]

Done.

+    padding: 0;
+  }
+}
+
+.ssl-help-box-inner {
+  padding: 0 20px;
+}