src/third_party/WebKit/Source/devtools/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 .heap-snapshot-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 .heap-snapshot-view .data-grid {
  67     border: none;
  68 }
  69
  70 .heap-snapshot-view .data-grid tr:empty {
  71     height: 16px;
  72     visibility: hidden;
  73 }
  74
  75 .heap-snapshot-view .data-grid tr.selected span {
  76     color: inherit;
  77 }
  78
  79 .heap-snapshot-view .data-grid td.count-column {
  80     text-align: right;
  81 }
  82
  83 .heap-snapshot-view .data-grid td.addedCount-column {
  84     text-align: right;
  85 }
  86
  87 .heap-snapshot-view .data-grid td.removedCount-column {
  88     text-align: right;
  89 }
  90
  91 .heap-snapshot-view .data-grid td.countDelta-column {
  92     text-align: right;
  93 }
  94
  95 .heap-snapshot-view .data-grid td.addedSize-column {
  96     text-align: right;
  97 }
  98
  99 .heap-snapshot-view .data-grid td.removedSize-column {
 100     text-align: right;
 101 }
 102
 103 .heap-snapshot-view .data-grid td.sizeDelta-column {
 104     text-align: right;
 105 }
 106
 107 .heap-snapshot-view .data-grid td.shallowSize-column {
 108     text-align: right;
 109 }
 110
 111 .heap-snapshot-view .data-grid td.retainedSize-column {
 112     text-align: right;
 113 }
 114
 115 .heap-snapshot-view .data-grid td.distanceToWindow-column {
 116     text-align: right;
 117 }
 118
 119 .heap-snapshot-view .data-grid div.heap-snapshot-multiple-values {
 120     float: right;
 121 }
 122
 123 .heap-snapshot-view .data-grid span.percent-column {
 124     color: #999;
 125     width: 32px;
 126     display: inline-block;
 127 }
 128
 129 .heap-snapshot-view .console-formatted-object,
 130 .console-formatted-node {
 131     display: inline;
 132     position: static;
 133 }
 134
 135 .detached-dom-tree-node {
 136     background-color: #FF9999;
 137 }
 138
 139 .heap-snapshot-view .console-formatted-string {
 140     white-space: nowrap;
 141 }
 142
 143 .heap-snapshot-view tr:not(.selected) .console-formatted-id {
 144     color: grey;
 145 }
 146
 147 .heap-snapshot-view .delimiter {
 148     height: 24px;
 149     background-color: #d6dde5;
 150 }
 151
 152 .heap-snapshot-view .data-grid {
 153     flex: auto;
 154 }
 155
 156 .heap-snapshot-view .heap-tracking-overview {
 157     flex: 0 0 80px;
 158     height: 80px;
 159 }
 160
 161 .heap-snapshot-view .retainers-view-header {
 162     background-image: url(Images/statusbarResizerVertical.png);
 163     background-color: rgb(236, 236, 236);
 164     border-bottom: 1px solid rgb(179, 179, 179);
 165     background-repeat: no-repeat;
 166     background-position: right center, center;
 167     height: 21px;
 168 }
 169
 170 .heap-snapshot-view .retainers-view-header .title > span {
 171     display: inline-block;
 172     padding-top: 3px;
 173     vertical-align: middle;
 174     margin-left: 4px;
 175     margin-right: 8px;
 176 }
 177
 178 .heap-snapshot-view .retainers-view-header * {
 179     pointer-events: none;
 180 }
 181
 182 .heap-snapshot-view tr:not(.selected) td.object-column span.highlight {
 183     background-color: rgb(255, 255, 200);
 184 }
 185
 186 .heap-snapshot-view td.object-column span.grayed {
 187     color: gray;
 188 }
 189
 190 table.heap-snapshot-help {
 191     border-spacing: 12px 2px;
 192 }
 193
 194 .cycled-ancessor-node {
 195     opacity: 0.6;
 196 }
 197
 198 #heap-recording-view .heap-snapshot-view {
 199     top: 80px;
 200 }
 201
 202 .overview-container {
 203     overflow: hidden;
 204     position: absolute;
 205     top: 0;
 206     width: 100%;
 207     height: 80px;
 208 }
 209
 210 #heap-recording-overview-grid .resources-dividers-label-bar {
 211     pointer-events: auto;
 212 }
 213
 214 #heap-recording-overview-container {
 215     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 216 }
 217
 218 .heap-recording-overview-canvas {
 219     position: absolute;
 220     top: 20px;
 221     left: 0;
 222     right: 0;
 223     bottom: 0;
 224 }