Web Inspector: Redesign summary view / retaining tree contents
[WebKit-https.git] / Source / WebCore / inspector / front-end / heapProfiler.css
1 /*
2  * Copyright (C) 2009 Google Inc. All rights reserved.
3  * Copyright (C) 2010 Apple Inc. All rights reserved.
4  *
5  * Redistribution and use in source and binary forms, with or without
6  * modification, are permitted provided that the following conditions are
7  * met:
8  *
9  *     * Redistributions of source code must retain the above copyright
10  * notice, this list of conditions and the following disclaimer.
11  *     * Redistributions in binary form must reproduce the above
12  * copyright notice, this list of conditions and the following disclaimer
13  * in the documentation and/or other materials provided with the
14  * distribution.
15  *     * Neither the name of Google Inc. nor the names of its
16  * contributors may be used to endorse or promote products derived from
17  * this software without specific prior written permission.
18  *
19  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
20  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
21  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
22  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
23  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
24  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
25  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
26  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
27  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
28  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
30  */
31
32 .heap-snapshot-sidebar-tree-item .icon {
33     content: url(Images/profileIcon.png);
34 }
35
36 .heap-snapshot-sidebar-tree-item.wait .icon {
37     content: url(Images/spinnerActive.gif);
38 }
39
40 .heap-snapshot-sidebar-tree-item.wait.selected .icon {
41     content: url(Images/spinnerActiveSelected.gif);
42 }
43
44 body.inactive .heap-snapshot-sidebar-tree-item.wait .icon {
45     content: url(Images/spinnerInactive.gif);
46 }
47
48 body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon {
49     content: url(Images/spinnerInactiveSelected.gif);
50 }
51
52 .heap-snapshot-sidebar-tree-item.small .icon {
53     content: url(Images/profileSmallIcon.png);
54 }
55
56 .detailed-heapshot-view {
57     display: none;
58     overflow: hidden;
59     position: absolute;
60     top: 0;
61     left: 0;
62     right: 0;
63     bottom: 0;
64 }
65
66 .detailed-heapshot-view.visible {
67     display: block;
68 }
69
70 .detailed-heapshot-view .view {
71     display: none;
72 }
73
74 .detailed-heapshot-view .view.visible {
75     display: block;
76 }
77
78 .detailed-heapshot-view .data-grid {
79     border: none;
80 }
81
82 .detailed-heapshot-view .data-grid td.count-column {
83     text-align: right;
84 }
85
86 .detailed-heapshot-view .data-grid td.addedCount-column {
87     text-align: right;
88 }
89
90 .detailed-heapshot-view .data-grid td.removedCount-column {
91     text-align: right;
92 }
93
94 .detailed-heapshot-view .data-grid td.countDelta-column {
95     text-align: right;
96 }
97
98 .detailed-heapshot-view .data-grid td.addedSize-column {
99     text-align: right;
100 }
101
102 .detailed-heapshot-view .data-grid td.removedSize-column {
103     text-align: right;
104 }
105
106 .detailed-heapshot-view .data-grid td.sizeDelta-column {
107     text-align: right;
108 }
109
110 .detailed-heapshot-view .data-grid td.shallowSize-column {
111     text-align: right;
112 }
113
114 .detailed-heapshot-view .data-grid td.retainedSize-column {
115     text-align: right;
116 }
117
118 .detailed-heapshot-view .data-grid span.percent-column {
119     color: grey;
120     width: 42px;
121     float: left;
122 }
123
124 .detailed-heapshot-view .console-formatted-object, .console-formatted-node {
125     display: inline;
126     position: static;
127 }
128
129 .detached-dom-tree-node {
130     background-color: #FF9999;
131 }
132
133 .detailed-heapshot-view .console-formatted-string {
134     white-space: nowrap;
135 }
136
137 .detailed-heapshot-view .console-formatted-id {
138     color: grey;
139 }
140
141 .detailed-heapshot-view .data-grid tr.selected * {
142     color: inherit;
143 }
144
145 .detailed-heapshot-view .data-grid:focus tr.selected * {
146     color: white;
147 }
148
149 .detailed-heapshot-view .delimiter {
150     height: 24px;
151     background-color: #d6dde5;
152 }
153
154 .detailed-heapshot-view .data-grid {
155     position: absolute;
156     top: 0;
157     left: 0;
158     right: 0;
159     bottom: 0;
160 }
161
162 .detailed-heapshot-view .views-container {
163     position: absolute;
164     top: 0;
165     left: 0;
166     right: 0;
167     bottom: 173px;
168 }
169
170 .detailed-heapshot-view .views-container .view {
171     position: absolute;
172     top: 0;
173     left: 0;
174     right: 0;
175     bottom: 0;
176 }
177
178 .detailed-heapshot-view .retaining-paths-view {
179     height: 150px;
180     position: absolute;
181     bottom: 0;
182     left: 0;
183     right: 0;
184 }
185
186 .detailed-heapshot-view .retainers-view-header {
187     background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
188     background-repeat: no-repeat, repeat-x;
189     background-position: right center, center;
190     cursor: row-resize;
191     height: 23px;
192     font: -webkit-small-control;
193     font-weight: bold;
194     color: rgb(48, 48, 48);
195     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
196     display: block;
197     position: absolute;
198     left: 0;
199     right: 0;
200     bottom: 150px;
201 }
202
203 .detailed-heapshot-view .retainers-view-header .title > span {
204     display: inline-block;
205     padding-top: 3px;
206     vertical-align: middle;
207     margin-left: 4px;
208     margin-right: 8px;
209 }
210
211 .detailed-heapshot-view tr:not(.selected) td.object-column span.highlight {
212     background-color: rgb(255, 255, 200);
213 }
214
215 .detailed-heapshot-view td.object-column span.grayed {
216     color: gray;
217 }
218
219 .heapshot-help-status-bar-item .glyph {
220     -webkit-mask-position: -160px 0;
221 }
222
223 table.heapshot-help {
224     border-spacing: 12px 2px;
225 }
226
227 div.retaining-paths-view td.path-column div:hover {
228     text-decoration: underline;
229     color: blue;
230 }
231
232 .cycled-ancessor-node {
233     opacity: 0.6;
234 }
235