[DevTools] UI for blocked URLs.

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 75 matching lines @@
 .vbox {
     display: flex;
     flex-direction: column !important;
     position: relative;
 }
 
 .flex-auto {
     flex: auto;
 }
 
+.flex-auto-important {
+    flex: auto !important;
+}
+
 .flex-none {
     flex: none;
 }
 
 .flex-centered {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
@@ skipping 45 matching lines @@
 .highlighted-search-result.current-search-result {
     border-radius: 1px;
     padding: 1px;
     margin: -1px;
     background-color: rgba(255, 127, 0, 0.8);
 }
 
 .dimmed {
     opacity: 0.6;
 }
+
+.editing {
+    -webkit-user-select: text;
+    box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
+    outline: 1px solid rgb(66%, 66%, 66%) !important;
+    background-color: white;
+    -webkit-user-modify: read-write-plaintext-only;
+    text-overflow: clip !important;
+    padding-left: 2px;
+    margin-left: -2px;
+    padding-right: 2px;
+    margin-right: -2px;
+    margin-bottom: -1px;
+    padding-bottom: 1px;
+    opacity: 1.0 !important;
+}
+
+.editing,
+.editing * {
+    color: #222 !important;
+    text-decoration: none !important;
+}