Safebrowsing malware interstitial UI tweaks.

chrome/browser/resources/safe_browsing/malware_block_v2.css

Index: chrome/browser/resources/safe_browsing/malware_block_v2.css
diff --git a/chrome/browser/resources/safe_browsing/malware_block_v2.css b/chrome/browser/resources/safe_browsing/malware_block_v2.css
index 165b97ea918e7f76d8d79b941748d2b0c66c3c0d..6389fe458f3c831b7bb4be4609bcabda575fbc56 100644
--- a/chrome/browser/resources/safe_browsing/malware_block_v2.css
+++ b/chrome/browser/resources/safe_browsing/malware_block_v2.css
@@ -4,7 +4,6 @@
 
 body {
   background: url('images/stripe.png') rgb(140, 0, 0);
-  font-family: Arial, Helvetica, sans-serif;
   margin: 0;
 }
 
@@ -17,9 +16,7 @@ body {
   -webkit-box-shadow: 3px 3px 8px rgb(140, 0, 0);
   background-color: white;
   color: rgb(75, 75, 77);
-  font-size: 13px;
-  line-height: 21px;
-  padding: 20px;
+  padding: 40px 50px;
   position: relative;
   text-align: start;
   width: 700px;
@@ -33,54 +30,58 @@ html[dir='rtl'] .float {
   float: left;
 }
 
+#malware-icon {
+  margin-top: 20px;
+}
+
+#subresource-icon {
+  margin-top: 50px;
+}
+
 .clear {
   clear: both;
 }
 
-.logo {
-  max-height: 54px;
-  padding: 15px;
+#logo {
+  content: -webkit-image-set(
+      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_48.png') 1x,

[Dan Beam, 2012/09/07 22:48:12]

I thought there was a grit regex/preprocessing step to do this automatically,
but it probably assumes a folder structure like 1x/2x or 100/200 or whatever. 
is that why you have both rules enumerated here?

[mattm, 2012/09/07 22:53:47]

I think I could also have done it with the 2x/ directory thing, yeah.  The style
in the theme directory just seems to be having a bunch of resources with _<size>
postfixes, so I thought I'd stick with that.

+      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_96.png') 2x);
+  padding: 3px 0;
 }
 
 #headline {
-  /* 20px of left margin, 90px of right margin in LTR.
-   * In RTL, 20px of right margin and 90px of left margin. */
-  -webkit-margin-end: 90px;
-  -webkit-margin-start: 20px;
+  -webkit-margin-end: 260px;
   color: #333;
-  font-size: 19px;
+  font-size: 22px;
   font-weight: bold;
-  margin-bottom: 8px;
+  margin-top: 20px;
 }
 
 .main {
-  -webkit-margin-end: 210px;
-  -webkit-margin-start: 20px;
-  font-size: 14px;
-  margin-bottom: 10px;
-  margin-top: 5px;
+  -webkit-margin-end: 260px;
+  font-size: 16px;
+  line-height: 22px;
+  margin-bottom: 21px;
+  margin-top: 14px;
 }
 
-.dropdown {
-  -webkit-margin-end: 40px;
-  -webkit-margin-start: 20px;
-  font-size: 12px;
+.advanced {
+  -webkit-margin-start: 10px;
+  font-size: 13px;
 }
 
 footer {
-  -webkit-margin-end: 20px;
-  -webkit-margin-start: 15px;
-  font-size: 12px;
+  font-size: 13px;
+  margin-top: 50px;
 }
 
 #learn-more-link {
-  font-size: 12px;
+  font-size: 13px;
 }
 
 .submission {
   -webkit-margin-end: 5px;
   margin-bottom: 15px;
-  margin-top: 15px;
   padding: 0;
 }
 
@@ -94,7 +95,9 @@ button {
   color: white;
   cursor: pointer;
   display: inline-block;
-  font: bold 14px/1 arial, helvetica, sans-serif;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 1;
   padding: 11px 38px 10px 38px;
   text-align: center;
   text-decoration: none;
@@ -117,10 +120,6 @@ button:active {
   border: 1px solid rgb(53, 116, 203);
 }
 
-hr {
-  margin: 0 20px;
-}
-
 a {
   color: rgb(17, 84, 204);
 }
@@ -136,14 +135,13 @@ a:active {
 }
 
 .checkbox {
-  -webkit-margin-end: 80px;
-  -webkit-margin-start: 5px;
+  margin-top: 11px;
   position: relative;
 }
 
 .checkbox input {
   -webkit-margin-start: 1px;
-  margin-top: 5px;
+  margin-top: 3px;
   position: absolute;
 }