10f6b49fedf37b5d7585ea9ffa3cae81c7a23bdd
[WebKit-https.git] / Source / WebCore / inspector / front-end / profilesPanel.css
1 /*
2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4  *
5  * Redistribution and use in source and binary forms, with or without
6  * modification, are permitted provided that the following conditions
7  * are met:
8  *
9  * 1.  Redistributions of source code must retain the above copyright
10  *     notice, this list of conditions and the following disclaimer.
11  * 2.  Redistributions in binary form must reproduce the above copyright
12  *     notice, this list of conditions and the following disclaimer in the
13  *     documentation and/or other materials provided with the distribution.
14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
15  *     its contributors may be used to endorse or promote products derived
16  *     from this software without specific prior written permission.
17  *
18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
28  */
29
30 /* Profiler Style */
31
32 #profile-views {
33     position: absolute;
34     top: 0;
35     right: 0;
36     left: 0;
37     bottom: 0;
38 }
39
40 .status-bar-items {
41     position: absolute;
42     top: 0;
43     bottom: 0;
44     left: 200px;
45     overflow: hidden;
46     border-left: 1px solid rgb(184, 184, 184);
47     margin-left: -1px;
48 }
49
50 .profile-launcher-view-tree-item > .icon {
51     padding: 15px;
52     background-image: url(Images/toolbarIcons.png);
53     background-position-x: -160px;
54 }
55
56 .profile-sidebar-tree-item .icon {
57     content: url(Images/profileIcon.png);
58 }
59
60 .profile-sidebar-tree-item.small .icon {
61     content: url(Images/profileSmallIcon.png);
62 }
63
64 .profile-group-sidebar-tree-item .icon {
65     content: url(Images/profileGroupIcon.png);
66 }
67
68 .profile-view {
69     display: none;
70     overflow: hidden;
71     position: absolute;
72     top: 0;
73     left: 0;
74     right: 0;
75     bottom: 0;
76 }
77
78 .profile-view.visible {
79     display: block;
80 }
81
82 .profile-view .data-grid {
83     border: none;
84     height: 100%;
85 }
86
87 .profile-view .data-grid th.average-column {
88     text-align: center;
89 }
90
91 .profile-view .data-grid td.average-column {
92     text-align: right;
93 }
94
95 .profile-view .data-grid th.self-column {
96     text-align: center;
97 }
98
99 .profile-view .data-grid td.self-column {
100     text-align: right;
101 }
102
103 .profile-view .data-grid th.total-column {
104     text-align: center;
105 }
106
107 .profile-view .data-grid td.total-column {
108     text-align: right;
109 }
110
111 .profile-view .data-grid .calls-column {
112     text-align: center;
113 }
114
115 .profile-node-file {
116     float: right;
117     color: gray;
118     margin-top: -1px;
119 }
120
121 .data-grid tr.selected .profile-node-file {
122     color: rgb(33%, 33%, 33%);
123 }
124
125 .data-grid:focus tr.selected .profile-node-file {
126     color: white;
127 }
128
129 .percent-time-status-bar-item .glyph {
130     -webkit-mask-position: -192px -24px;
131 }
132
133 .focus-profile-node-status-bar-item .glyph {
134     -webkit-mask-position: -96px 0;
135 }
136
137 .exclude-profile-node-status-bar-item .glyph {
138     -webkit-mask-position: -128px 0;
139 }
140
141 .reset-profile-status-bar-item .glyph {
142     -webkit-mask-position: 0 0;
143 }
144
145 .profile-launcher-view-content {
146     position: absolute;
147     top: 0;
148     right: 0;
149     bottom: 0;
150     left: 0;
151     padding: 0 0 0 16px;
152     display: -webkit-box;
153     text-align: left;
154     -webkit-box-orient: vertical;
155 }
156
157 .profile-launcher-view-content h1 {
158     padding: 15px 0 10px;
159 }
160
161 .panel-enabler-view.profile-launcher-view form {
162     padding: 0;
163     font-size: 13px;
164     width: 100%;
165 }
166
167 .panel-enabler-view.profile-launcher-view label {
168     margin: 0;
169 }
170
171 .profile-launcher-view-content p {
172     color: grey;
173     margin-top: 1px;
174     margin-left: 22px;
175 }
176
177 .panel-enabler-view.profile-launcher-view button:not(.status-bar-item) {
178     color: rgb(6, 6, 6);
179     margin: 16px 0;
180 }
181
182 .profile-launcher-view-content button.running:not(.status-bar-item) {
183     color: red;
184 }
185
186 body.inactive .profile-launcher-view-content button.running:not(.status-bar-item) {
187     color: rgb(220, 130, 130);
188 }