Home | History | Annotate | Download | only in front_end 
      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.visible {
     67     display: block;
     68 }
     69 
     70 .heap-snapshot-view .view {
     71     display: none;
     72 }
     73 
     74 .heap-snapshot-view .view.visible {
     75     display: block;
     76 }
     77 
     78 .heap-snapshot-view .data-grid tr:empty {
     79     height: 16px;
     80     visibility: hidden;
     81 }
     82 
     83 .heap-snapshot-view .data-grid {
     84     border: none;
     85 }
     86 
     87 .heap-snapshot-view .data-grid td.count-column {
     88     text-align: right;
     89 }
     90 
     91 .heap-snapshot-view .data-grid td.addedCount-column {
     92     text-align: right;
     93 }
     94 
     95 .heap-snapshot-view .data-grid td.removedCount-column {
     96     text-align: right;
     97 }
     98 
     99 .heap-snapshot-view .data-grid td.countDelta-column {
    100     text-align: right;
    101 }
    102 
    103 .heap-snapshot-view .data-grid td.addedSize-column {
    104     text-align: right;
    105 }
    106 
    107 .heap-snapshot-view .data-grid td.removedSize-column {
    108     text-align: right;
    109 }
    110 
    111 .heap-snapshot-view .data-grid td.sizeDelta-column {
    112     text-align: right;
    113 }
    114 
    115 .heap-snapshot-view .data-grid td.shallowSize-column {
    116     text-align: right;
    117 }
    118 
    119 .heap-snapshot-view .data-grid td.retainedSize-column {
    120     text-align: right;
    121 }
    122 
    123 .heap-snapshot-view .data-grid td.distanceToWindow-column {
    124     text-align: right;
    125 }
    126 
    127 .heap-snapshot-view .data-grid div.heap-snapshot-multiple-values {
    128     float: right;
    129 }
    130 
    131 .heap-snapshot-view .data-grid span.percent-column {
    132     color: #999;
    133     width: 32px;
    134     display: inline-block;
    135 }
    136 
    137 .heap-snapshot-view .console-formatted-object,
    138 .console-formatted-node {
    139     display: inline;
    140     position: static;
    141 }
    142 
    143 .detached-dom-tree-node {
    144     background-color: #FF9999;
    145 }
    146 
    147 .heap-snapshot-view .console-formatted-string {
    148     white-space: nowrap;
    149 }
    150 
    151 .heap-snapshot-view .console-formatted-id {
    152     color: grey;
    153 }
    154 
    155 .heap-snapshot-view .data-grid tr.selected * {
    156     color: inherit;
    157 }
    158 
    159 .heap-snapshot-view .data-grid:focus tr.selected * {
    160     color: white;
    161 }
    162 
    163 .heap-snapshot-view .delimiter {
    164     height: 24px;
    165     background-color: #d6dde5;
    166 }
    167 
    168 .heap-snapshot-view .data-grid {
    169     position: absolute;
    170     top: 0;
    171     left: 0;
    172     right: 0;
    173     bottom: 0;
    174 }
    175 
    176 .heap-snapshot-view .views-container {
    177     position: absolute;
    178     top: 0;
    179     left: 0;
    180     right: 0;
    181     bottom: 173px;
    182 }
    183 
    184 .reserve-80px-at-top {
    185     top: 80px !important;
    186 }
    187 
    188 .heap-snapshot-view .views-container .view {
    189     position: absolute;
    190     top: 0;
    191     left: 0;
    192     right: 0;
    193     bottom: 0;
    194 }
    195 
    196 .heap-snapshot-view .retaining-paths-view {
    197     height: 150px;
    198     position: absolute;
    199     bottom: 0;
    200     left: 0;
    201     right: 0;
    202 }
    203 
    204 .heap-snapshot-view .class-view-grid {
    205     top: 22px;
    206 }
    207 
    208 .heap-snapshot-view .class-view-toolbar {
    209     height: 22px;
    210     background-color: #DDD;
    211     display: block;
    212     position: absolute;
    213     left: 0;
    214     right: 0;
    215     top: 0;
    216 }
    217 
    218 .heap-snapshot-view .class-view-toolbar input.class-name-filter {
    219     width: 200px;
    220     height: 18px;
    221     font-size: 11px;
    222     padding: 2px;
    223     margin: 2px 10px;
    224     background-color: white;
    225     border: solid 1px #BBB;
    226 }
    227 
    228 .heap-snapshot-view .retainers-view-header {
    229     background-image: url(Images/statusbarResizerVertical.png), -webkit-linear-gradient(rgb(253,253,253), rgb(230,230,230) 75%, rgb(230,230,230));
    230     border-top: 1px solid rgb(202, 202, 202);
    231     background-repeat: no-repeat;
    232     background-position: right center, center;
    233     cursor: row-resize;
    234     height: 23px;
    235     display: block;
    236     position: absolute;
    237     left: 0;
    238     right: 0;
    239     bottom: 150px;
    240 }
    241 
    242 .heap-snapshot-view .retainers-view-header .title > span {
    243     display: inline-block;
    244     padding-top: 3px;
    245     vertical-align: middle;
    246     margin-left: 4px;
    247     margin-right: 8px;
    248 }
    249 
    250 .heap-snapshot-view tr:not(.selected) td.object-column span.highlight {
    251     background-color: rgb(255, 255, 200);
    252 }
    253 
    254 .heap-snapshot-view td.object-column span.grayed {
    255     color: gray;
    256 }
    257 
    258 .heap-snapshot-help-status-bar-item .glyph {
    259     -webkit-mask-position: -160px -2px;
    260 }
    261 
    262 table.heap-snapshot-help {
    263     border-spacing: 12px 2px;
    264 }
    265 
    266 .cycled-ancessor-node {
    267     opacity: 0.6;
    268 }
    269 
    270 #heap-recording-view .heap-snapshot-view {
    271     top: 80px;
    272 }
    273 
    274 .overview-container {
    275     overflow: hidden;
    276     position: absolute;
    277     top: 0;
    278     width: 100%;
    279     height: 80px;
    280 }
    281 
    282 #heap-recording-overview-grid .resources-dividers-label-bar {
    283     pointer-events: auto;
    284 }
    285 
    286 #heap-recording-overview-container {
    287     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    288 }
    289 
    290 .heap-recording-overview-canvas {
    291     position: absolute;
    292     top: 20px;
    293     left: 0;
    294     right: 0;
    295     bottom: 0;
    296 }
    297