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

Source/devtools/front_end/inspector.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 957 matching lines @@
 }
 
 .console-status-bar-item .glyph {
     -webkit-mask-position: -64px -24px;
 }
 
 .clear-status-bar-item .glyph {
     -webkit-mask-position: -64px 0;
 }
 
-.error-icon-small, .warning-icon-small {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 120px;
     width: 10px;
     height: 10px;
     display: inline-block;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
-.error-icon-small, .warning-icon-small {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
     background-image: url(Images/statusbarButtonGlyphs2x.png);
 }
 }
 
 .error-icon-small {
     background-position: -213px -96px;
 }
 
 .warning-icon-small {
     background-position: -202px -107px;
 }
 
+.red-ball {
+    background-position: -224px -96px;
+}
+
+.green-ball {
+    background-position: -235px -96px;
+}
+
+.orange-ball {
+    background-position: -246px -96px;
+}
+
 #error-warning-count {
     padding: 4px 6px 6px 0px;
     font-size: 11px;
     height: 19px;
     cursor: pointer;
     line-height: 14px;
 }
 
 #error-warning-count:hover {
     border-bottom: 1px solid rgb(96, 96, 96);
@@ skipping 1347 matching lines @@
 
 :focus li.selected .bubble.search-matches {
     background-image: url(Images/searchSmallBrightBlue.png);
 }
 
 body.inactive li.selected .bubble.search-matches {
     background-image: url(Images/searchSmallGray.png);
 }
 
 .storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
-    margin-bottom: -3px;
-    margin-left: 5px;
+    margin: 5px 5px 0;
     vertical-align: middle;
 }
 
 .status-bar-divider {
     margin-left: 7px;
     border-right: 1px solid #CCC;
 }
 
 .storage-application-cache-status, .storage-application-cache-connectivity {
     position: relative;
@@ skipping 611 matching lines @@
     pointer-events: auto;
     -webkit-user-select: text;
     font-size: 11px;
     cursor: text;
     line-height: 14px;
 }
 
 .elements-tree-outline li.parent::before {
     top: 0 !important;
 }