DevTools: traverse widget hierarchy to reveal views.

third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.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.
  */
 
 * {
     /* This is required for correct sizing of flex items because we rely
      * on an old version of the flexbox spec.
      * Longer-term we should remove this, see crbug.com/473625 */
@@ skipping 71 matching lines @@
     flex-direction: row !important;
     position: relative;
 }
 
 .vbox {
     display: flex;
     flex-direction: column !important;
     position: relative;
 }
 
+.view-container > .toolbar {
+    border-bottom: 1px solid #eee;
+}
+
 .flex-auto {
     flex: auto;
 }
 
 .flex-auto-important {
     flex: auto !important;
 }
 
 .flex-none {
     flex: none;
 }
 
 .flex-centered {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
+.overflow-auto {
+    overflow: auto;
+}
+
 iframe.widget {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }
 
@@ skipping 147 matching lines @@
     -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.3);
 }
 
 :not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar-thumb,
 :host-context(:not(.platform-mac).-theme-with-dark-background) .-theme-with-dark-background ::-webkit-scrollbar-thumb {
     border-radius: 2px;
     background-color: #333;
     -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
 }
 
+.gray-info-message {
+    text-align: center;
+    font-style: italic;
+    padding: 6px;
+    color: #888;
+}
+
 label[is=dt-icon-label] {
     flex: none;
 }