Roll Linux reference build to official build 31.0.1650.34 (trunk r224845, branch r230433)

chrome_linux/resources/inspector/canvasProfiler.css

Index: chrome_linux/resources/inspector/canvasProfiler.css
===================================================================
--- chrome_linux/resources/inspector/canvasProfiler.css	(revision 230844)
+++ chrome_linux/resources/inspector/canvasProfiler.css	(working copy)
@@ -78,6 +78,19 @@
     bottom: 0;
 }
 
+button.status-bar-item.canvas-sidebar-show-hide-button {
+    right: 15px;
+    z-index: 13;
+}
+
+button.status-bar-item.canvas-sidebar-show-hide-button.toggled-left {
+    right: 0;
+}
+
+.canvas-replay-button {
+    min-width: 32px;
+}
+
 .canvas-replay-first-step .glyph {
     -webkit-mask-position: 0 -72px;
     -webkit-transform: rotate(180deg);
@@ -100,6 +113,16 @@
 .canvas-replay-next-draw .glyph {
     -webkit-mask-position: -128px -72px;
 }
+.canvas-replay-state-prev .glyph {
+    -webkit-mask-position: -64px -48px;
+    -webkit-transform: scaleX(-1);
+}
+.canvas-replay-state-next .glyph {
+    -webkit-mask-position: -64px -48px;
+}
+.canvas-replay-state-refresh .glyph {
+    -webkit-mask-position: 0 0;
+}
 
 .canvas-popover-anchor {
     position: absolute;
@@ -115,7 +138,14 @@
 }
 
 .canvas-formatted-resource {
+    color: rgb(33%, 33%, 33%);
 }
+.canvas-formatted-resource.canvas-popover-anchor,
+.canvas-formatted-resource:hover {
+    color: rgb(38, 38, 38);
+    text-decoration: underline;
+    cursor: pointer;
+}
 
 /* Keep in sync with "console-formatted-*" CSS styles. */
 .canvas-formatted-object,
@@ -138,3 +168,27 @@
 .data-grid:focus tr.selected .canvas-formatted-string {
     color: inherit !important;
 }
+
+.canvas-replay-state-view .data-grid {
+    top: 23px;
+}
+
+.canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-grid-node-highlighted {
+    -webkit-animation: "fadeout-odd" 2s 0s;
+    background-color: rgb(255, 255, 175);
+}
+
+.canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-grid-node-highlighted {
+    -webkit-animation: "fadeout-even" 2s 0s;
+    background-color: rgb(235, 235, 120);
+}
+
+@-webkit-keyframes fadeout-odd {
+    from { background-color: rgb(255, 255, 25); }
+    to { background-color: rgb(255, 255, 175); }
+}
+
+@-webkit-keyframes fadeout-even {
+    from { background-color: rgb(255, 255, 25); }
+    to { background-color: rgb(235, 235, 120); }
+}