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

chrome_linux/resources/inspector/canvasProfiler.css

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 60 matching lines @@
 }
 
 .canvas-replay-log {
     position: absolute;
     top: 24px;
     left: 0;
     right: 0;
     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);
     top: 0;
     bottom: 0;
 }
 .canvas-replay-next-step .glyph {
     -webkit-mask-position: -64px -72px;
 }
 .canvas-replay-prev-step .glyph {
     -webkit-mask-position: -96px -72px;
 }
 .canvas-replay-last-step .glyph {
     -webkit-mask-position: 0 -72px;
 }
 .canvas-replay-prev-draw .glyph {
     -webkit-mask-position: -128px -72px;
     -webkit-transform: scaleX(-1);
 }
 .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;
     text-indent: 0;
     padding: 0;
     margin: 0;
 }
 .data-grid:focus tr.selected .canvas-popover-anchor {
     background-color: #aaa !important;
 }
 
 .canvas-function-name {
 }
 
 .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,
 .canvas-formatted-node,
 .canvas-formatted-array {
     color: #222;
 }
 .canvas-formatted-number {
     color: rgb(28, 0, 207);
 }
 .canvas-formatted-string,
 .canvas-formatted-regexp {
     color: rgb(196, 26, 22);
 }
 .canvas-formatted-null,
 .canvas-formatted-undefined {
     color: rgb(128, 128, 128);
 }
 .data-grid:focus tr.selected .canvas-call-argument,
 .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); }
+}