[DevTools] Prepare to move Popover to shadow DOM.

third_party/WebKit/Source/devtools/front_end/network/networkPanel.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 38 matching lines @@
     border-top: 1px solid #ccc;
     background-color: #eee;
 }
 
 .resource-timing-view {
     display: block;
     margin: 6px;
     color: rgb(30%, 30%, 30%);
 }
 
-/* Network timing is shared between popover and network item view pane */
-
-.network-timing-table {
-    width: 380px;
-    border-spacing: 0;
-    padding-left: 10px;
-    padding-right: 10px;
-    line-height: initial;
-}
-
-.network-timing-start {
-    border-top: 5px solid transparent;
-}
-.network-timing-table-header td, .network-timing-footer td {
-    border-top: 10px solid transparent;
-}
-
-.network-timing-table-header td {
-    color: #bbb;
-}
-
-.network-timing-table-header td:last-child {
-    text-align: right;
-}
-
-.network-timing-table col.labels {
-    width: 156px;
-}
-
-.network-timing-table col.duration {
-    width: 80px;
-}
-
-.network-timing-table td {
-    padding: 2px 0;
-}
-
-.network-timing-table td.caution {
-    font-weight: bold;
-    color: rgb(255, 128, 0);
-    padding: 2px 0;
-}
-
-.network-timing-table hr.break {
-    border: 0;
-    height: 1px;
-    background-image: linear-gradient(to right, #eee, #bbb, #eee);
-}
-
-.network-timing-footer td:last-child {
-    font-weight: bold;
-    text-align: right;
-}
-
-.network-timing-row {
-    position: relative;
-    height: 15px;
-}
-
-.network-timing-bar {
-    position: absolute;
-    min-width: 1px;
-    top: 0;
-    bottom: 0;
-}
-
-.network-timing-bar-title {
-    color: #222;
-    white-space: nowrap;
-    text-align: right;
-}
-
-.network-timing-bar.queueing,
-.network-timing-bar.total {
-    border: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.network-timing-bar.blocking, -theme-preserve {
-    background-color: #AAAAAA;
-}
-
-.network-timing-bar.proxy, -theme-preserve {
-    background-color: #A1887F;
-}
-
-.network-timing-bar.dns, -theme-preserve {
-    background-color: #009688;
-}
-
-.network-timing-bar.connecting,
-.network-timing-bar.serviceworker,
-.network-timing-bar.serviceworker-preparation, -theme-preserve {
-    background-color: #FF9800;
-}
-
-.network-timing-bar.ssl, -theme-preserve {
-    background-color: #9C27B0;
-}
-
-.network-timing-bar.sending, -theme-preserve {
-    background-color: #B0BEC5;
-}
-
-.network-timing-bar.waiting, -theme-preserve {
-    background-color: #00C853;
-}
-
-.network-timing-bar.receiving, -theme-preserve,
-.network-timing-bar.receiving-push, -theme-preserve {
-    background-color: #03A9F4;
-}
-
-.network-timing-bar.push, -theme-preserve {
-    background-color: #8CDBff;
-}
-
-.network-timing-bar.server-timing, -theme-preserve {
-    background-color: #ddd;
-}
-
-.network-timing-table td.network-timing-metric {
-    white-space: nowrap;
-    max-width: 150px;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-}
-
-.network-timing-bar.proxy,
-.network-timing-bar.dns,
-.network-timing-bar.ssl,
-.network-timing-bar.connecting,
-.network-timing-bar.blocking {
-    height: 10px;
-    margin: auto;
-}
-
-.resource-timing-view .network-timing-table {
-    width: 100%;
+.resource-timing-table {
+    width: 100% !important;
 }
 
 #network-overview-panel {
     flex: none;
     position: relative;
 }
 
 #network-overview-container {
     overflow: hidden;
     flex: auto;
@@ skipping 46 matching lines @@
 
 .network-film-strip {
     border-bottom: solid 1px #cdcdcd;
     flex: none !important;
 }
 
 .network-blocked-urls {
     border-top: 1px solid #dadada;
     flex: 104px 0 0;
 }