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-spinner-icon {
  67     content: url(Images/spinnerActiveSelected.gif);
  68     position: absolute;
  69     width: 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 button.status-bar-item.canvas-sidebar-show-hide-button {
  87     right: 15px;
  88     z-index: 13;
  89 }
  90
  91 button.status-bar-item.canvas-sidebar-show-hide-button.toggled-left {
  92     right: 0;
  93 }
  94
  95 .canvas-replay-button {
  96     min-width: 32px;
  97 }
  98
  99 .canvas-replay-first-step .glyph {
 100     -webkit-mask-position: 0 -72px;
 101     -webkit-transform: rotate(180deg);
 102     top: 0;
 103     bottom: 0;
 104 }
 105 .canvas-replay-next-step .glyph {
 106     -webkit-mask-position: -64px -72px;
 107 }
 108 .canvas-replay-prev-step .glyph {
 109     -webkit-mask-position: -96px -72px;
 110 }
 111 .canvas-replay-last-step .glyph {
 112     -webkit-mask-position: 0 -72px;
 113 }
 114 .canvas-replay-prev-draw .glyph {
 115     -webkit-mask-position: -128px -72px;
 116     -webkit-transform: scaleX(-1);
 117 }
 118 .canvas-replay-next-draw .glyph {
 119     -webkit-mask-position: -128px -72px;
 120 }
 121 .canvas-replay-state-prev .glyph {
 122     -webkit-mask-position: -64px -48px;
 123     -webkit-transform: scaleX(-1);
 124 }
 125 .canvas-replay-state-next .glyph {
 126     -webkit-mask-position: -64px -48px;
 127 }
 128 .canvas-replay-state-refresh .glyph {
 129     -webkit-mask-position: 0 0;
 130 }
 131
 132 .canvas-popover-anchor {
 133     position: absolute;
 134     text-indent: 0;
 135     padding: 0;
 136     margin: 0;
 137 }
 138 .data-grid:focus tr.selected .canvas-popover-anchor {
 139     background-color: #aaa !important;
 140 }
 141
 142 .canvas-function-name {
 143 }
 144
 145 .canvas-formatted-resource {
 146     color: rgb(33%, 33%, 33%);
 147 }
 148 .canvas-formatted-resource.canvas-popover-anchor,
 149 .canvas-formatted-resource:hover {
 150     color: rgb(38, 38, 38);
 151     text-decoration: underline;
 152     cursor: pointer;
 153 }
 154
 155 /* Keep in sync with "console-formatted-*" CSS styles. */
 156 .canvas-formatted-object,
 157 .canvas-formatted-node,
 158 .canvas-formatted-array {
 159     color: #222;
 160 }
 161 .canvas-formatted-number {
 162     color: rgb(28, 0, 207);
 163 }
 164 .canvas-formatted-string,
 165 .canvas-formatted-regexp {
 166     color: rgb(196, 26, 22);
 167 }
 168 .canvas-formatted-null,
 169 .canvas-formatted-undefined {
 170     color: rgb(128, 128, 128);
 171 }
 172 .data-grid:focus tr.selected .canvas-call-argument,
 173 .data-grid:focus tr.selected .canvas-formatted-string {
 174     color: inherit !important;
 175 }
 176
 177 .canvas-replay-state-view .data-grid {
 178     top: 23px;
 179 }
 180
 181 .canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-grid-node-highlighted {
 182     -webkit-animation: "fadeout-odd" 2s 0s;
 183     background-color: rgb(255, 255, 175);
 184 }
 185
 186 .canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-grid-node-highlighted {
 187     -webkit-animation: "fadeout-even" 2s 0s;
 188     background-color: rgb(235, 235, 120);
 189 }
 190
 191 @-webkit-keyframes fadeout-odd {
 192     from { background-color: rgb(255, 255, 25); }
 193     to { background-color: rgb(255, 255, 175); }
 194 }
 195
 196 @-webkit-keyframes fadeout-even {
 197     from { background-color: rgb(255, 255, 25); }
 198     to { background-color: rgb(235, 235, 120); }
 199 }