src/third_party/WebKit/Source/devtools/front_end/layersPanel.css

   1 /*
   2  * Copyright (C) 2013 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31 .layers.panel .outline-disclosure {
  32     z-index: 10;
  33 }
  34
  35 .layers.panel div.outline-disclosure > ol {
  36     margin-left: -12px;
  37 }
  38
  39 .layers.panel .outline-disclosure ol.children {
  40     padding-left: 12px;
  41 }
  42
  43 .layers.panel .outline-disclosure li {
  44     margin-top: 0;
  45     margin-bottom: 0;
  46     padding: 1 1 1 14px;
  47     white-space: nowrap;
  48     overflow: hidden;
  49     text-overflow: ellipsis;
  50 }
  51
  52 .layers.panel .outline-disclosure .dimmed {
  53     opacity: 0.6;
  54 }
  55
  56 .layers-3d-view {
  57     overflow: hidden;
  58 }
  59
  60 .layers-3d-view canvas {
  61     flex: 1 1;
  62 }
  63
  64 .transform-control-panel .status-bar-item > .glyph {
  65     -webkit-mask-image: url(Images/transformControls.png);
  66     -webkit-mask-size: 96px 24px;
  67     opacity: 0.8;
  68 }
  69
  70 @media (-webkit-min-device-pixel-ratio: 1.5) {
  71 .transform-control-panel .status-bar-item > .glyph {
  72     -webkit-mask-image: url(Images/transformControls_2x.png);
  73 }
  74 } /* media */
  75
  76 .transform-control-panel .transform-mode-rotate .glyph {
  77     -webkit-mask-position: -64px 0px;
  78 }
  79
  80 .transform-control-panel .transform-reset .glyph {
  81     -webkit-mask-position: -32px 0px;
  82 }
  83
  84 .layer-details-view .empty-view {
  85     font-size: 16px;
  86 }
  87
  88 .layer-details-view table td {
  89     padding-left: 8px;
  90 }
  91
  92 .layer-details-view table td:first-child {
  93     font-weight: bold;
  94 }
  95
  96 .layer-details-view .scroll-rect.active {
  97     background-color: rgba(100, 100, 100, 0.2);
  98 }
  99
 100 .paint-profiler-overview .progress-banner {
 101     color: #777;
 102     background-color: rgba(255, 255, 255, 0.8);
 103     font-size: 20px;
 104     z-index: 500;
 105     display: flex;
 106     justify-content: center;
 107     align-items: center;
 108 }
 109
 110 .paint-profiler-canvas-container {
 111     flex: auto;
 112     position: relative;
 113 }
 114
 115 .paint-profiler-overview {
 116     background-color: rgb(244, 244, 244);
 117 }
 118
 119 .paint-profiler-pie-chart {
 120     width: 60px;
 121     height: 60px;
 122     padding: 2px;
 123     overflow: hidden;
 124     font-size: 10px;
 125 }
 126
 127 .paint-profiler-canvas-container canvas {
 128     z-index: 200;
 129     background-color: white;
 130     opacity: 0.95;
 131     height: 100%;
 132     width: 100%;
 133 }
 134
 135 .paint-profiler-canvas-container .overview-grid-dividers-background,
 136 .paint-profiler-canvas-container .overview-grid-window {
 137     bottom: 0;
 138     height: auto;
 139 }
 140
 141 .paint-profiler-canvas-container .overview-grid-window-resizer {
 142     z-index: 2000;
 143 }
 144
 145 .profiler-log-view .console-formatted-string {
 146     white-space: nowrap;
 147 }
 148
 149 .profiler-log-view.section .properties {
 150     display: block;
 151 }