src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/canvasProfiler.css

   1 /*
   2  * Copyright (C) 2012 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 .canvas-profile-view,
  32 #canvas-replay-image-container {
  33     overflow: hidden;
  34     position: absolute;
  35     top: 0;
  36     left: 0;
  37     right: 0;
  38     bottom: 0;
  39 }
  40
  41 #canvas-replay-image-container {
  42     text-align: center;
  43     background-color: black;
  44     overflow: hidden;
  45     padding: 5px 5px 10px 5px;
  46     color: white;
  47 }
  48
  49 .canvas-replay-image {
  50     zoom: 100;
  51     height: auto;
  52     width: auto;
  53     max-width: 100%;
  54     max-height: 100%;
  55     margin: auto;
  56     display: block;
  57 }
  58
  59 .canvas-debug-info {
  60     position: absolute;
  61     left: 0;
  62     right: 0;
  63     bottom: 6px;
  64 }
  65
  66 .canvas-profile-view .spinner-icon {
  67     position: absolute;
  68     width: 16px;
  69     height: 16px;
  70     right: 4px;
  71     bottom: 4px;
  72 }
  73
  74 .canvas-replay-log {
  75     position: absolute;
  76     top: 24px;
  77     left: 0;
  78     right: 0;
  79     bottom: 0;
  80 }
  81
  82 .canvas-replay-log .data-grid {
  83     border: none;
  84 }
  85
  86 .canvas-profile-view button.right-sidebar-show-hide-button.canvas-sidebar-show-hide-button.toggled-hide {
  87     margin-right: 15px;
  88 }
  89
  90 .canvas-replay-button {
  91     min-width: 32px;
  92 }
  93
  94 .canvas-replay-first-step .glyph {
  95     -webkit-mask-position: 0 -72px;
  96     -webkit-transform: rotate(180deg);
  97     top: 0;
  98     bottom: 0;
  99 }
 100 .canvas-replay-next-step .glyph {
 101     -webkit-mask-position: -64px -72px;
 102 }
 103 .canvas-replay-prev-step .glyph {
 104     -webkit-mask-position: -96px -72px;
 105 }
 106 .canvas-replay-last-step .glyph {
 107     -webkit-mask-position: 0 -72px;
 108 }
 109 .canvas-replay-prev-draw .glyph {
 110     -webkit-mask-position: -128px -72px;
 111     -webkit-transform: scaleX(-1);
 112 }
 113 .canvas-replay-next-draw .glyph {
 114     -webkit-mask-position: -128px -72px;
 115 }
 116 .canvas-replay-state-prev .glyph {
 117     -webkit-mask-position: -64px -48px;
 118     -webkit-transform: scaleX(-1);
 119 }
 120 .canvas-replay-state-next .glyph {
 121     -webkit-mask-position: -64px -48px;
 122 }
 123 .canvas-replay-state-refresh .glyph {
 124     -webkit-mask-position: 0 0;
 125 }
 126
 127 .canvas-popover-anchor {
 128     position: absolute;
 129     text-indent: 0;
 130     padding: 0;
 131     margin: 0;
 132 }
 133 .data-grid:focus tr.selected .canvas-popover-anchor {
 134     background-color: #aaa !important;
 135 }
 136
 137 .canvas-function-name {
 138 }
 139
 140 .canvas-formatted-resource {
 141     color: rgb(33%, 33%, 33%);
 142 }
 143 .canvas-formatted-resource.canvas-popover-anchor,
 144 .canvas-formatted-resource:hover {
 145     color: rgb(38, 38, 38);
 146     text-decoration: underline;
 147     cursor: pointer;
 148 }
 149
 150 /* Keep in sync with "console-formatted-*" CSS styles. */
 151 .canvas-formatted-object,
 152 .canvas-formatted-node,
 153 .canvas-formatted-array {
 154     color: #222;
 155 }
 156 .canvas-formatted-number {
 157     color: rgb(28, 0, 207);
 158 }
 159 .canvas-formatted-string,
 160 .canvas-formatted-regexp {
 161     color: rgb(196, 26, 22);
 162 }
 163 .canvas-formatted-null,
 164 .canvas-formatted-undefined {
 165     color: rgb(128, 128, 128);
 166 }
 167 .data-grid:focus tr.selected .canvas-call-argument,
 168 .data-grid:focus tr.selected .canvas-formatted-string {
 169     color: inherit !important;
 170 }
 171
 172 .canvas-replay-state-view .data-grid {
 173     top: 23px;
 174 }
 175
 176 .canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-grid-node-highlighted {
 177     -webkit-animation: "fadeout-odd" 2s 0s;
 178     background-color: rgb(255, 255, 175);
 179 }
 180
 181 .canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-grid-node-highlighted {
 182     -webkit-animation: "fadeout-even" 2s 0s;
 183     background-color: rgb(235, 235, 120);
 184 }
 185
 186 @-webkit-keyframes fadeout-odd {
 187     from { background-color: rgb(255, 255, 25); }
 188     to { background-color: rgb(255, 255, 175); }
 189 }
 190
 191 @-webkit-keyframes fadeout-even {
 192     from { background-color: rgb(255, 255, 25); }
 193     to { background-color: rgb(235, 235, 120); }
 194 }