Revert of [DevTools] Device Mode polish.

third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css

 /*
  * Copyright 2015 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.
  */
 
 :host {
     overflow: hidden;
     align-items: stretch;
     flex: auto;
@@ skipping 21 matching lines @@
     min-width: 93px;
 }
 
 .device-mode-toolbar-right {
     flex: 0 1000 115px;
     min-width: 40px;
     display: flex;
 }
 
 .device-mode-toolbar-middle-container {
-    flex: 1 1 160px;
+    flex: 1 1 120px;
     position: relative;
 }
 
 .device-mode-toolbar-middle {
     display: flex;
     justify-content: flex-start;
     overflow: hidden;
 }
 
 .device-mode-toolbar-middle .toolbar {
@@ skipping 94 matching lines @@
 .device-mode-page-area {
     position: absolute;
     left: 0;
     right: 0;
     width: 0;
     height: 0;
     display: flex;
     background-color: #fcfcfc;
 }
 
+.device-mode-blueprint-container {
+    display: flex;
+    justify-content: center;
+    pointer-events: none;
+}
+
+.device-mode-blueprint {
+    flex-direction: column;
+    justify-content: flex-end;
+    flex: none;
+    position: relative;
+    pointer-events: auto;
+}
+
+.device-mode-blueprint-border {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: flex-end;
+    justify-content: flex-end;
+    color: #aaa;
+    border: 1px solid #dcdcdc;
+    margin-top: -1px;
+}
+
+.device-mode-blueprint-border:hover {
+    border-color: #aaa;
+}
+
+.device-mode-blueprint-border > span {
+    transition: opacity 150ms;
+    opacity: 0;
+    padding: 3px;
+}
+
+.device-mode-blueprint-border:hover > span {
+    opacity: 1;
+}
+
+.device-mode-blueprint-inside {
+    position: absolute;
+    left: 20px;
+    right: 20px;
+    top: 20px;
+    bottom: 20px;
+}
+
 .device-mode-ruler {
     pointer-events: none;
     position: relative;
 }
 
 .device-mode-ruler-top {
     flex: 0 0 20px;
 }
 
 .device-mode-ruler-left {
@@ skipping 55 matching lines @@
 .device-mode-ruler-top .device-mode-ruler-text {
     left: 2px;
     top: -2px;
 }
 
 .device-mode-ruler-left .device-mode-ruler-text {
     left: -4px;
     top: -15px;
     transform: rotate(270deg);
 }