src/third_party/WebKit/Source/devtools/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     flex: auto;
  34     position: relative;
  35 }
  36
  37 .profile-view .data-grid table.data {
  38     background: white;
  39 }
  40
  41 .profile-view .data-grid tr:not(.filler):hover td {
  42     background-color: rgba(0, 0, 0, 0.1);
  43 }
  44
  45 .profiles.panel .status-bar {
  46     border-bottom: 1px solid rgb(202, 202, 202);
  47     border-top: none;
  48 }
  49
  50 .profiles-status-bar {
  51     background-color: rgb(236, 236, 236);
  52     flex: 0 0 23px;
  53 }
  54
  55 .profile-launcher-view-tree-item > .icon {
  56     width: 4px !important;
  57     visibility: hidden;
  58 }
  59
  60 .profiles-sidebar-tree-box {
  61     overflow: auto;
  62     flex: auto;
  63 }
  64
  65 .profiles-sidebar-tree-box > ol {
  66     overflow: auto;
  67     flex: auto;
  68 }
  69
  70 .profile-sidebar-tree-item .icon {
  71     content: url(Images/profileIcon.png);
  72 }
  73
  74 .profile-sidebar-tree-item.small .icon {
  75     content: url(Images/profileSmallIcon.png);
  76 }
  77
  78 .profile-group-sidebar-tree-item .icon {
  79     content: url(Images/profileGroupIcon.png);
  80 }
  81
  82 .sidebar-tree-item .title-container > .save-link {
  83     text-decoration: underline;
  84     margin-left: auto;
  85     display: none;
  86 }
  87
  88 .sidebar-tree-item.selected .title-container > .save-link {
  89     display: block;
  90 }
  91
  92 .cpu-profile-view {
  93     display: none;
  94     overflow: hidden;
  95     position: absolute;
  96     top: 0;
  97     left: 0;
  98     right: 0;
  99     bottom: 0;
 100 }
 101
 102 .cpu-profile-view.visible {
 103     display: flex;
 104 }
 105
 106 .cpu-profile-view .data-grid {
 107     border: none;
 108     flex: auto;
 109 }
 110
 111 .cpu-profile-view .data-grid th.average-column {
 112     text-align: center;
 113 }
 114
 115 .cpu-profile-view .data-grid td.average-column {
 116     text-align: right;
 117 }
 118
 119 .cpu-profile-view .data-grid th.self-column {
 120     text-align: center;
 121 }
 122
 123 .cpu-profile-view .data-grid td.self-column {
 124     text-align: right;
 125 }
 126
 127 .cpu-profile-view .data-grid th.total-column {
 128     text-align: center;
 129 }
 130
 131 .cpu-profile-view .data-grid td.total-column {
 132     text-align: right;
 133 }
 134
 135 .cpu-profile-view .data-grid .calls-column {
 136     text-align: center;
 137 }
 138
 139 .profile-node-file {
 140     float: right;
 141     color: gray;
 142 }
 143
 144 .profile-warn-marker {
 145     background-image: url(Images/statusbarButtonGlyphs.png);
 146     background-size: 320px 144px;
 147     background-position: -202px -107px;
 148     width: 10px;
 149     height: 10px;
 150     vertical-align: -1px;
 151     margin-right: 2px;
 152     display: inline-block;
 153 }
 154
 155 .data-grid tr.selected .profile-node-file {
 156     color: rgb(33%, 33%, 33%);
 157 }
 158
 159 .data-grid:focus tr.selected .profile-node-file {
 160     color: white;
 161 }
 162
 163 .percent-time-status-bar-item .glyph {
 164     -webkit-mask-position: -192px -24px;
 165 }
 166
 167 .focus-profile-node-status-bar-item .glyph {
 168     -webkit-mask-position: -96px 0;
 169 }
 170
 171 .exclude-profile-node-status-bar-item .glyph {
 172     -webkit-mask-position: -128px 0;
 173 }
 174
 175 .reset-profile-status-bar-item .glyph {
 176     -webkit-mask-position: 0 0;
 177 }
 178
 179 .garbage-collect-status-bar-item .glyph {
 180     -webkit-mask-position: -128px -24px;
 181 }
 182
 183 .profile-launcher-view-content {
 184     padding: 0 16px;
 185     text-align: left;
 186 }
 187
 188 .control-profiling {
 189     -webkit-align-self: flex-start;
 190     margin-right: 50px;
 191 }
 192
 193 .profile-launcher-view > .profile-launcher-view-content > .load-profile {
 194     margin-left: 20px;
 195 }
 196
 197 .profile-launcher-view-content h1 {
 198     padding: 15px 0 10px;
 199 }
 200
 201 .panel-enabler-view.profile-launcher-view form {
 202     padding: 0;
 203     font-size: 13px;
 204     width: 100%;
 205 }
 206
 207 .panel-enabler-view.profile-launcher-view label {
 208     margin: 0;
 209 }
 210
 211 .profile-launcher-view-content p {
 212     color: grey;
 213     margin-top: 1px;
 214     margin-left: 22px;
 215 }
 216
 217 .profile-launcher-view-content button.running:not(.status-bar-item) {
 218     color: red;
 219 }
 220
 221 body.inactive .profile-launcher-view-content button.running:not(.status-bar-item) {
 222     color: rgb(220, 130, 130);
 223 }
 224
 225 .highlighted-row {
 226     -webkit-animation: "row_highlight" 2s 0s;
 227 }
 228
 229 @-webkit-keyframes row_highlight {
 230     from {background-color: rgba(255, 255, 120, 1); }
 231     to { background-color: rgba(255, 255, 120, 0); }
 232 }
 233
 234 .profile-canvas-decoration .warning-icon-small {
 235     margin-right: 4px;
 236 }
 237
 238 .profile-canvas-decoration {
 239     color: red;
 240     margin: -14px 0 13px 22px;
 241     padding-left: 14px;
 242 }
 243
 244 .profile-canvas-decoration button {
 245     margin: 0 0 0 10px !important;
 246 }
 247
 248 .profile-entry-info {
 249     position: absolute;
 250     top: 20px;
 251     left: 20px;
 252 }