Upstream version 7.36.149.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / networkLogView.css

diff --git a/src/third_party/WebKit/Source/devtools/front_end/networkLogView.css b/src/third_party/WebKit/Source/devtools/front_end/networkLogView.css
index d86a9dd..5205615 100644 (file)
--- a/src/third_party/WebKit/Source/devtools/front_end/networkLogView.css
+++ b/src/third_party/WebKit/Source/devtools/front_end/networkLogView.css
@@ -49,7 +49,12 @@
 }
 
 .network-log-grid.data-grid table.data {
-    background: transparent;
+    background-size: 128px 82px;
+    background-image: linear-gradient(to bottom, white, white 50%, #eee 50%, #eee);
+}
+
+.network-log-grid.data-grid.small table.data {
+    background-size: 128px 42px;
 }
 
 .network-log-grid.data-grid td {
@@ -95,18 +100,6 @@
     color: inherit;
 }
 
-.network-log-grid.data-grid.small tr.offscreen {
-    height: 21px;
-}
-
-.network-log-grid.data-grid tr.offscreen {
-    height: 41px;
-}
-
-.network-log-grid.data-grid tr.odd:not(.selected) {
-    background-color: #f3f3f3;
-}
-
 .network-log-grid.data-grid tr.offscreen > td > div {
     display: none;
 }
@@ -201,6 +194,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);
@@ -404,6 +412,18 @@
                 inset 0 1px 0 2px hsla(273, 38%, 65%, 0.85);
 }
 
+.network-type-media .network-graph-bar {
+    border-color: hsl(272, 31%, 52%);
+    background: linear-gradient(0deg, hsl(272, 46%, 61%), hsl(272, 64%, 69%));
+}
+
+.network-type-media.resource-cached .network-graph-bar {
+    background: hsl(272, 65%, 86%);
+    box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8),
+                inset 0 0 0 2px hsl(272, 47%, 61%),
+                inset 0 1px 0 2px hsla(273, 38%, 65%, 0.85);
+}
+
 .network-type-font .network-graph-bar {
     border-color: hsl(8, 49%, 52%);
     background: linear-gradient(0deg, hsl(8, 72%, 61%), hsl(8, 100%, 69%));
@@ -416,6 +436,18 @@
                 inset 0 1px 0 2px hsla(8, 59%, 65%, 0.85);
 }
 
+.network-type-texttrack .network-graph-bar {
+    border-color: hsl(8, 49%, 52%);
+    background: linear-gradient(0deg, hsl(8, 72%, 61%), hsl(8, 100%, 69%));
+}
+
+.network-type-texttrack.resource-cached .network-graph-bar {
+    background: hsl(8, 100%, 86%);
+    box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.8),
+                inset 0 0 0 2px hsl(8, 72%, 61%),
+                inset 0 1px 0 2px hsla(8, 59%, 65%, 0.85);
+}
+
 .network-type-script .network-graph-bar {
     border-color: hsl(31, 49%, 52%);
     background: linear-gradient(0deg, hsl(31, 72%, 61%), hsl(31, 100%, 69%));
@@ -542,12 +574,6 @@
     display: none;
 }
 
-/* Summary */
-
-.network-log-grid.data-grid tr.filler td {
-    padding-bottom: 20px !important;
-}
-
 #network-container {
     overflow-y: auto;
     overflow-x: hidden;