2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions
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.
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.
37 .profile-view .data-grid table.data {
41 .profile-view .data-grid tr:not(.selected) .highlight {
42 background-color: rgb(255, 230, 179);
45 .profile-view .data-grid tr:hover td:not(.bottom-filler-td) {
46 background-color: rgba(0, 0, 0, 0.1);
49 .profile-view .data-grid td.numeric-column {
53 .profile-view .data-grid div.profile-multiple-values {
57 .profile-view .data-grid span.percent-column {
60 display: inline-block;
63 .profile-view .data-grid tr.selected span {
67 .profiles.panel .status-bar {
68 border-bottom: 1px solid rgb(202, 202, 202);
72 .profiles-status-bar {
73 background-color: rgb(236, 236, 236);
77 .profile-launcher-view-tree-item > .icon {
78 width: 4px !important;
82 .profiles-sidebar-tree-box {
87 .profiles-sidebar-tree-box > ol {
92 .profile-sidebar-tree-item .icon {
93 content: url(Images/profileIcon.png);
96 .profile-sidebar-tree-item.small .icon {
97 content: url(Images/profileSmallIcon.png);
100 .profile-group-sidebar-tree-item .icon {
101 content: url(Images/profileGroupIcon.png);
104 .sidebar-tree-item .title-container > .save-link {
105 text-decoration: underline;
110 .sidebar-tree-item.selected .title-container > .save-link {
124 .cpu-profile-view.visible {
128 .cpu-profile-view .data-grid {
133 .cpu-profile-view .data-grid th.self-column {
137 .cpu-profile-view .data-grid th.total-column {
146 .profile-warn-marker {
147 background-image: url(Images/statusbarButtonGlyphs.png);
148 background-size: 320px 144px;
149 background-position: -202px -107px;
152 vertical-align: -1px;
154 display: inline-block;
157 .data-grid tr.selected .profile-node-file {
158 color: rgb(33%, 33%, 33%);
161 .data-grid:focus tr.selected .profile-node-file {
165 .focus-profile-node-status-bar-item .glyph {
166 -webkit-mask-position: -96px 0;
169 .exclude-profile-node-status-bar-item .glyph {
170 -webkit-mask-position: -128px 0;
173 .reset-profile-status-bar-item .glyph {
174 -webkit-mask-position: 0 0;
177 .profile-launcher-view-content {
183 -webkit-align-self: flex-start;
187 .profile-launcher-view-content h1 {
188 padding: 15px 0 10px;
191 .panel-enabler-view.profile-launcher-view form {
197 .panel-enabler-view.profile-launcher-view label {
201 .profile-launcher-view-content p {
207 .profile-launcher-view-content button.running {
208 color: hsl(0, 100%, 58%);
211 .profile-launcher-view-content button.running:hover {
212 color: hsl(0, 100%, 42%);
215 body.inactive .profile-launcher-view-content button.running:not(.status-bar-item) {
216 color: rgb(220, 130, 130);
220 -webkit-animation: "row_highlight" 2s 0s;
223 @-webkit-keyframes row_highlight {
224 from {background-color: rgba(255, 255, 120, 1); }
225 to { background-color: rgba(255, 255, 120, 0); }
228 .profile-canvas-decoration .warning-icon-small {
232 .profile-canvas-decoration {
234 margin: -14px 0 13px 22px;
238 .profile-canvas-decoration button {
239 margin: 0 0 0 10px !important;
242 .profile-entry-info {
247 background-color: rgba(255, 255, 255, 0.7);
248 pointer-events: none;
251 .profiles.panel select.chrome-select {
258 .text-button.load-profile {
262 .text-button.load-profile.multi-target {