[DevTools] Switch from DIP to CSS pixels in device mode.

Source/devtools/front_end/responsiveDesignView.css

 /*
  * Copyright 2014 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.
  */
 
 .responsive-design {
     overflow: hidden;
     position: relative;
 }
@@ skipping 479 matching lines @@
 
 .media-inspector-max-label::before {
     position: absolute;
     padding-right: 2px;
     left: -1px;
     height: 6px;
     content: url(Images/graphLabelCalloutRight.png);
     -webkit-filter: invert(0.8);
 }
 
+.media-inspector-ruler-decoration {

[lushnikov, 2014/06/26 20:21:46]

lets better add this into ruler glasspane.

[dgozman, 2014/06/27 11:07:00]

Done.

+    overflow: hidden;
+}
+
 .media-inspector-threshold-serif {
     position: absolute;
     top: 0px;
     bottom: 0px;
     width: 5px;
     margin-left: -2px;
 }
 
 .media-inspector-threshold-serif::before {
     content: ".";
@@ skipping 21 matching lines @@
 
 @-webkit-keyframes media-inspector-animation-highlight-1 {
     from { -webkit-filter: brightness(135%); }
     to { -webkit-filter: brightness(100%); }
 }
 
 @-webkit-keyframes media-inspector-animation-highlight-2 {
     from { -webkit-filter: brightness(135%); }
     to { -webkit-filter: brightness(100%); }
 }