Show media and VTT text tracks in the devtools.

Source/devtools/front_end/networkLogView.css

Index: Source/devtools/front_end/networkLogView.css
diff --git a/Source/devtools/front_end/networkLogView.css b/Source/devtools/front_end/networkLogView.css
index c34afbc812f6655b29314df3e3bd31a8e56fecfb..dff95d37e7208bf99683af2f1fdc2eafa8923b82 100644
--- a/Source/devtools/front_end/networkLogView.css
+++ b/Source/devtools/front_end/networkLogView.css
@@ -202,6 +202,21 @@
     content: url(Images/resourceDocumentIconSmall.png);
 }
 
+.network-log-grid.data-grid .network-type-media .icon {
+    content: url(Images/resourcePlainIcon.png); // FIXME: media icon
+}
+
+.network-log-grid.data-grid.small .network-type-media .icon {
+    content: url(Images/resourcePlainIconSmall.png); // FIXME: media icon
+}
+.network-log-grid.data-grid .network-type-texttrack .icon {
+    content: url(Images/resourcePlainIcon.png); // FIXME: vtt icon
+}
+
+.network-log-grid.data-grid.small .network-type-texttrack .icon {
+    content: url(Images/resourcePlainIconSmall.png); // FIXME: vtt icon
+}
+
 .network-log-grid.data-grid .network-type-image .icon {
     position: relative;
     background-image: url(Images/resourcePlainIcon.png);
@@ -386,6 +401,14 @@
     border-image: url(Images/timelineHollowPillPurple.png) 7 7 7 7;
 }
 
+.network-type-media .network-graph-bar {
+    -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
+}
+
+.network-type-media.resource-cached .network-graph-bar {
+    border-image: url(Images/timelineHollowPillPurple.png) 7 7 7 7;
+}
+
 .network-type-font .network-graph-bar {
     -webkit-border-image: url(Images/timelinePillRed.png) 7 7 7 7;
 }
@@ -394,6 +417,14 @@
     -webkit-border-image: url(Images/timelineHollowPillRed.png) 7 7 7 7;
 }
 
+.network-type-texttrack .network-graph-bar {
+    -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7;
+}
+
+.network-type-texttrack.resource-cached .network-graph-bar {
+    border-image: url(Images/timelineHollowPillRed.png) 7 7 7 7;
+}
+
 .network-type-script .network-graph-bar {
     -webkit-border-image: url(Images/timelinePillOrange.png) 7 7 7 7;
 }