DevTools: implement hidpi-friendly success/error/warning balls.

Source/devtools/front_end/auditsPanel.css

 /*
  * Copyright (C) 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 119 matching lines @@
     left: 0;
     right: 0;
     bottom: 0;
     display: none;
 }
 
 .audit-result-view.visible {
     display: block;
 }
 
+.audit-result-view .severity-severe,
+.audit-result-view .severity-warning,
+.audit-result-view .severity-info {
+    background-image: url(Images/statusbarButtonGlyphs.png);
+    background-size: 320px 120px;
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    float: left;
+    margin-left: -28px;
+    margin-top: 3px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.audit-result-view .severity-severe,
+.audit-result-view .severity-warning,
+.audit-result-view .severity-info {
+    background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
 .audit-result-view .severity-severe {
-    content: url(Images/errorRedDot.png);
+    background-position: -224px -96px;
 }
 
 .audit-result-view .severity-warning {
-    content: url(Images/warningOrangeDot.png);
+    background-position: -246px -96px;
 }
 
 .audit-result-view .severity-info {
-    content: url(Images/successGreenDot.png);
+    background-position: -235px -96px;
 }
 
 .audit-result-tree li.parent::before {
     -webkit-user-select: none;
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 120px;
     opacity: 0.5;
     float: left;
     width: 8px;
     height: 10px;
     content: "a";
     color: transparent;
     margin-left: 3px;
     margin-right: 4px;
     position: relative;
-    top: 1px;
+    top: 2px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .audit-result-tree li.parent::before {
     background-image: url(Images/statusbarButtonGlyphs2x.png);
 }
 }
 
 .audit-result-tree li.parent::before {
     background-position: -4px -96px;
@@ skipping 51 matching lines @@
 }
 
 .audit-result-tree ol.children.expanded {
     display: block;
 }
 
 .audit-result {
     font-weight: bold;
 }
 
-.audit-result img {
-    float: left;
-    margin-left: -28px;
-    margin-top: -1px;
-}
-
 .audit-launcher-view .progress-bar-container {
     display: inline-block;
 }
 
 .audit-launcher-view .progress-bar-container .progress-bar-stop-button {
     display: none;
 }