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 |