| OLD | NEW |
| (Empty) |
| 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 } | |
| 35 | |
| 36 #canvas-replay-image-container { | |
| 37 text-align: center; | |
| 38 background-color: black; | |
| 39 overflow: hidden; | |
| 40 padding: 0; | |
| 41 color: white; | |
| 42 flex: auto; | |
| 43 } | |
| 44 | |
| 45 .canvas-profile-view .resizer-widget { | |
| 46 position: absolute; | |
| 47 top: 0; | |
| 48 right: 0; | |
| 49 height: 24px; | |
| 50 width: 16px; | |
| 51 background-image: url(Images/statusbarResizerHorizontal.png); | |
| 52 background-repeat: no-repeat; | |
| 53 background-position: center; | |
| 54 z-index: 13; | |
| 55 } | |
| 56 | |
| 57 .canvas-replay-image-parent { | |
| 58 position: absolute; | |
| 59 top: 5px; | |
| 60 left: 5px; | |
| 61 right: 5px; | |
| 62 bottom: 10px; | |
| 63 } | |
| 64 | |
| 65 .canvas-replay-image-parent > span { | |
| 66 display: inline-block; | |
| 67 height: 100%; | |
| 68 vertical-align: middle; | |
| 69 } | |
| 70 | |
| 71 .canvas-replay-image-parent > img { | |
| 72 vertical-align: middle; | |
| 73 } | |
| 74 | |
| 75 .canvas-debug-info { | |
| 76 position: absolute; | |
| 77 left: 0; | |
| 78 right: 0; | |
| 79 bottom: 6px; | |
| 80 } | |
| 81 | |
| 82 .canvas-profile-view .spinner-icon { | |
| 83 position: absolute; | |
| 84 width: 16px; | |
| 85 height: 16px; | |
| 86 right: 4px; | |
| 87 bottom: 4px; | |
| 88 } | |
| 89 | |
| 90 .canvas-replay-log { | |
| 91 flex: auto; | |
| 92 position: relative; | |
| 93 } | |
| 94 | |
| 95 .canvas-replay-log .data-grid { | |
| 96 border: none; | |
| 97 } | |
| 98 | |
| 99 .canvas-replay-button { | |
| 100 min-width: 32px; | |
| 101 } | |
| 102 | |
| 103 .canvas-popover-anchor { | |
| 104 position: absolute; | |
| 105 text-indent: 0; | |
| 106 padding: 0; | |
| 107 margin: 0; | |
| 108 } | |
| 109 .data-grid:focus tr.selected .canvas-popover-anchor { | |
| 110 background-color: #aaa !important; | |
| 111 } | |
| 112 | |
| 113 .canvas-function-name { | |
| 114 } | |
| 115 | |
| 116 .canvas-formatted-resource { | |
| 117 color: rgb(33%, 33%, 33%); | |
| 118 } | |
| 119 .canvas-formatted-resource.canvas-popover-anchor, | |
| 120 .canvas-formatted-resource:hover { | |
| 121 color: rgb(38, 38, 38); | |
| 122 text-decoration: underline; | |
| 123 cursor: pointer; | |
| 124 } | |
| 125 | |
| 126 /* Keep in sync with "object-value-*" CSS styles. */ | |
| 127 .canvas-formatted-object, | |
| 128 .canvas-formatted-node, | |
| 129 .canvas-formatted-array { | |
| 130 color: #222; | |
| 131 } | |
| 132 .canvas-formatted-number { | |
| 133 color: rgb(28, 0, 207); | |
| 134 } | |
| 135 .canvas-formatted-string, | |
| 136 .canvas-formatted-regexp { | |
| 137 color: rgb(196, 26, 22); | |
| 138 } | |
| 139 .canvas-formatted-null, | |
| 140 .canvas-formatted-undefined { | |
| 141 color: rgb(128, 128, 128); | |
| 142 } | |
| 143 .data-grid:focus tr.selected .canvas-call-argument, | |
| 144 .data-grid:focus tr.selected .canvas-formatted-string { | |
| 145 color: inherit !important; | |
| 146 } | |
| 147 | |
| 148 .canvas-replay-state-view .data-grid { | |
| 149 top: 23px; | |
| 150 } | |
| 151 | |
| 152 .canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-gr
id-node-highlighted { | |
| 153 -webkit-animation: fadeout-odd 2s 0s; | |
| 154 background-color: rgb(255, 255, 175); | |
| 155 } | |
| 156 | |
| 157 .canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-g
rid-node-highlighted { | |
| 158 -webkit-animation: fadeout-even 2s 0s; | |
| 159 background-color: rgb(235, 235, 120); | |
| 160 } | |
| 161 | |
| 162 @-webkit-keyframes fadeout-odd { | |
| 163 from { background-color: rgb(255, 255, 25); } | |
| 164 to { background-color: rgb(255, 255, 175); } | |
| 165 } | |
| 166 | |
| 167 @-webkit-keyframes fadeout-even { | |
| 168 from { background-color: rgb(255, 255, 25); } | |
| 169 to { background-color: rgb(235, 235, 120); } | |
| 170 } | |
| 171 | |
| 172 .canvas-profile-view .status-bar { | |
| 173 background-color: #eee; | |
| 174 border-bottom: 1px solid #ccc; | |
| 175 } | |
| OLD | NEW |