69b88664c9a7639fc0647240952a3b77a2147320
[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 .data-grid tr.selected * {
138     color: inherit;
139 }
140
141 .detailed-heapshot-view .data-grid:focus tr.selected * {
142     color: white;
143 }
144
145 .detailed-heapshot-view .delimiter {
146     height: 24px;
147     background-color: #d6dde5;
148 }
149
150 .detailed-heapshot-view .data-grid {
151     position: absolute;
152     top: 0;
153     left: 0;
154     right: 0;
155     bottom: 0;
156 }
157
158 .detailed-heapshot-view .views-container {
159     position: absolute;
160     top: 0;
161     left: 0;
162     right: 0;
163     bottom: 173px;
164 }
165
166 .detailed-heapshot-view .views-container .view {
167     position: absolute;
168     top: 0;
169     left: 0;
170     right: 0;
171     bottom: 0;
172 }
173
174 .detailed-heapshot-view .retaining-paths-view {
175     height: 150px;
176     position: absolute;
177     bottom: 0;
178     left: 0;
179     right: 0;
180 }
181
182 .detailed-heapshot-view .retainers-view-header {
183     background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
184     background-repeat: no-repeat, repeat-x;
185     background-position: right center, center;
186     cursor: row-resize;
187     height: 23px;
188     font: -webkit-small-control;
189     font-weight: bold;
190     color: rgb(48, 48, 48);
191     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
192     display: block;
193     position: absolute;
194     left: 0;
195     right: 0;
196     bottom: 150px;
197 }
198
199 .detailed-heapshot-view .retainers-view-header .title > span {
200     display: inline-block;
201     padding-top: 3px;
202     vertical-align: middle;
203     margin-left: 4px;
204     margin-right: 8px;
205 }
206
207 .detailed-heapshot-view tr:not(.selected) td.object-column span.highlight {
208     background-color: rgb(255, 255, 200);
209 }
210
211 .heapshot-help-status-bar-item .glyph {
212     -webkit-mask-position: -160px 0;
213 }
214
215 table.heapshot-help {
216     border-spacing: 12px 2px;
217 }
218
219 div.retaining-paths-view td.path-column div:hover {
220     text-decoration: underline;
221     color: blue;
222 }
223
224 .cycled-ancessor-node {
225     opacity: 0.6;
226 }
227