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