1/* 2 * Copyright (C) 2012 Google Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions are 6 * met: 7 * 8 * * Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * * Redistributions in binary form must reproduce the above 11 * copyright notice, this list of conditions and the following disclaimer 12 * in the documentation and/or other materials provided with the 13 * distribution. 14 * * Neither the name of Google Inc. nor the names of its 15 * contributors may be used to endorse or promote products derived from 16 * this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 29 */ 30 31.canvas-profile-view, 32#canvas-replay-image-container { 33 overflow: hidden; 34 position: absolute; 35 top: 0; 36 left: 0; 37 right: 0; 38 bottom: 0; 39} 40 41#canvas-replay-image-container { 42 text-align: center; 43 background-color: black; 44 overflow: hidden; 45 padding: 5px 5px 10px 5px; 46 color: white; 47} 48 49.canvas-replay-image { 50 zoom: 100; 51 height: auto; 52 width: auto; 53 max-width: 100%; 54 max-height: 100%; 55 margin: auto; 56 display: block; 57} 58 59.canvas-debug-info { 60 position: absolute; 61 left: 0; 62 right: 0; 63 bottom: 6px; 64} 65 66.canvas-spinner-icon { 67 content: url(Images/spinnerActiveSelected.gif); 68 position: absolute; 69 width: 16px; 70 right: 4px; 71 bottom: 4px; 72} 73 74.canvas-replay-log { 75 position: absolute; 76 top: 24px; 77 left: 0; 78 right: 0; 79 bottom: 0; 80} 81 82.canvas-replay-log .data-grid { 83 border: none; 84} 85 86button.status-bar-item.canvas-sidebar-show-hide-button { 87 right: 15px; 88 z-index: 13; 89} 90 91button.status-bar-item.canvas-sidebar-show-hide-button.toggled-left { 92 right: 0; 93} 94 95.canvas-replay-button { 96 min-width: 32px; 97} 98 99.canvas-replay-first-step .glyph { 100 -webkit-mask-position: 0 -72px; 101 -webkit-transform: rotate(180deg); 102 top: 0; 103 bottom: 0; 104} 105.canvas-replay-next-step .glyph { 106 -webkit-mask-position: -64px -72px; 107} 108.canvas-replay-prev-step .glyph { 109 -webkit-mask-position: -96px -72px; 110} 111.canvas-replay-last-step .glyph { 112 -webkit-mask-position: 0 -72px; 113} 114.canvas-replay-prev-draw .glyph { 115 -webkit-mask-position: -128px -72px; 116 -webkit-transform: scaleX(-1); 117} 118.canvas-replay-next-draw .glyph { 119 -webkit-mask-position: -128px -72px; 120} 121.canvas-replay-state-prev .glyph { 122 -webkit-mask-position: -64px -48px; 123 -webkit-transform: scaleX(-1); 124} 125.canvas-replay-state-next .glyph { 126 -webkit-mask-position: -64px -48px; 127} 128.canvas-replay-state-refresh .glyph { 129 -webkit-mask-position: 0 0; 130} 131 132.canvas-popover-anchor { 133 position: absolute; 134 text-indent: 0; 135 padding: 0; 136 margin: 0; 137} 138.data-grid:focus tr.selected .canvas-popover-anchor { 139 background-color: #aaa !important; 140} 141 142.canvas-function-name { 143} 144 145.canvas-formatted-resource { 146 color: rgb(33%, 33%, 33%); 147} 148.canvas-formatted-resource.canvas-popover-anchor, 149.canvas-formatted-resource:hover { 150 color: rgb(38, 38, 38); 151 text-decoration: underline; 152 cursor: pointer; 153} 154 155/* Keep in sync with "console-formatted-*" CSS styles. */ 156.canvas-formatted-object, 157.canvas-formatted-node, 158.canvas-formatted-array { 159 color: #222; 160} 161.canvas-formatted-number { 162 color: rgb(28, 0, 207); 163} 164.canvas-formatted-string, 165.canvas-formatted-regexp { 166 color: rgb(196, 26, 22); 167} 168.canvas-formatted-null, 169.canvas-formatted-undefined { 170 color: rgb(128, 128, 128); 171} 172.data-grid:focus tr.selected .canvas-call-argument, 173.data-grid:focus tr.selected .canvas-formatted-string { 174 color: inherit !important; 175} 176 177.canvas-replay-state-view .data-grid { 178 top: 23px; 179} 180 181.canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-grid-node-highlighted { 182 -webkit-animation: "fadeout-odd" 2s 0s; 183 background-color: rgb(255, 255, 175); 184} 185 186.canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-grid-node-highlighted { 187 -webkit-animation: "fadeout-even" 2s 0s; 188 background-color: rgb(235, 235, 120); 189} 190 191@-webkit-keyframes fadeout-odd { 192 from { background-color: rgb(255, 255, 25); } 193 to { background-color: rgb(255, 255, 175); } 194} 195 196@-webkit-keyframes fadeout-even { 197 from { background-color: rgb(255, 255, 25); } 198 to { background-color: rgb(235, 235, 120); } 199} 200
