Safebrowsing malware interstitial UI tweaks.

chrome/browser/resources/safe_browsing/malware_block_v2.css

 /* Copyright (c) 2012 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. */
 
 body {
   background: url('images/stripe.png') rgb(140, 0, 0);
-  font-family: Arial, Helvetica, sans-serif;
   margin: 0;
 }
 
 .cell {
   padding: 40px;
 }
 
 .box {
   -webkit-border-radius: 5px;
   -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;
 }
 
 .float {
   float: right;
 }
 
 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;
 }
 
 button {
   -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243),
       0 1px 2px rgba(0, 0, 0, .2);
   background: -webkit-linear-gradient(rgb(112, 154, 241),
       rgb(108, 148, 240) 44%, rgb(95, 132, 238));
   border: 1px solid rgb(53, 116, 203);
   border-radius: 3px;
   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;
   text-shadow: 0 -1px 0 rgb(72, 101, 228);
 }
 
 button:hover,
 button:focus {
   -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243),
       0 1px 2px rgba(0, 0, 0, .3);
   background: -webkit-linear-gradient(rgb(165, 188, 245),
       rgb(108, 148, 240) 70%, rgb(95, 132, 238));
   border: 1px solid rgb(53, 116, 203);
 }
 
 button:active {
   -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .1);
   background: -webkit-linear-gradient(rgb(112, 154, 241),
       rgb(108, 148, 240) 44%, rgb(95, 132, 238));
   border: 1px solid rgb(53, 116, 203);
 }
 
-hr {
-  margin: 0 20px;
-}
-
 a {
   color: rgb(17, 84, 204);
 }
 
 a:link,
 a:visited {
   text-decoration: none;
 }
 
 a:hover,
 a:active {
   text-decoration: underline;
 }
 
 .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;
 }
 
 .checkbox span {
   -webkit-margin-start: 21px;
   display: inline-block;
 }