code.vuplus.com Git - vuplus_webkit/blob - Source/WebCore/inspector/front-end/audits.css

   1 /*
   2  * Copyright (C) 2008 Apple Inc.  All rights reserved.
   3  * Copyright (C) 2009 Google 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 .audits-sidebar-tree-item .icon {
  33     content: url(Images/resourcesTimeGraphIcon.png);
  34 }
  35
  36 .audit-result-sidebar-tree-item .icon {
  37     content: url(Images/resourceDocumentIcon.png);
  38 }
  39
  40 #audit-views {
  41     position: absolute;
  42     top: 0;
  43     right: 0;
  44     left: 200px;
  45     bottom: 0;
  46     overflow: auto;
  47 }
  48
  49 .audit-launcher-view {
  50     z-index: 1000;
  51     position: absolute;
  52     top: 0;
  53     left: 0;
  54     right: 0;
  55     bottom: 0;
  56     background-color: white;
  57     font-size: 13px;
  58     overflow-x: hidden;
  59     overflow-y: overlay;
  60     display: none;
  61 }
  62
  63 .audit-launcher-view.visible {
  64     display: block;
  65 }
  66
  67 .audit-launcher-view .audit-launcher-view-content {
  68     position: absolute;
  69     top: 0;
  70     left: 0;
  71     right: 0;
  72     bottom: 0;
  73     padding: 0 0 0 16px;
  74     white-space: nowrap;
  75     display: -webkit-box;
  76     -webkit-box-orient: vertical;
  77 }
  78
  79 .audit-launcher-view h1 {
  80     color: rgb(110, 116, 128);
  81     font-size: 16px;
  82     line-height: 20px;
  83     font-weight: normal;
  84     padding-top: 15px;
  85 }
  86
  87 .audit-launcher-view h1.no-audits {
  88     text-align: center;
  89     font-style: italic;
  90     position: relative;
  91     left: -8px;
  92 }
  93
  94 .audit-launcher-view div.button-container {
  95     display: -webkit-box;
  96     -webkit-box-orient: vertical;
  97     width: 100%;
  98     padding: 16px 0;
  99 }
 100 .audit-launcher-view .flexible-space {
 101     -webkit-box-flex: 1;
 102 }
 103
 104 .audit-launcher-view div.audit-categories-container {
 105     position: relative;
 106     top: 11px;
 107     left: 0;
 108     width: 100%;
 109     overflow-y: auto;
 110 }
 111
 112 .audit-launcher-view button {
 113     color: rgb(6, 6, 6);
 114     background-color: transparent;
 115     border: 1px solid rgb(165, 165, 165);
 116     background-color: rgb(237, 237, 237);
 117     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
 118     -webkit-border-radius: 12px;
 119     -webkit-appearance: none;
 120 }
 121
 122 .audit-launcher-view button {
 123     font-size: 13px;
 124     padding: 3px 20px;
 125     height: 24px;
 126     margin: 0 5px 0 0;
 127 }
 128
 129 .audit-launcher-view button:active {
 130     background-color: rgb(215, 215, 215);
 131     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
 132 }
 133
 134 body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled {
 135     color: rgb(130, 130, 130);
 136     border-color: rgb(212, 212, 212);
 137     background-color: rgb(239, 239, 239);
 138     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
 139 }
 140
 141 .audit-launcher-view label {
 142     position: relative;
 143     display: block;
 144     text-align: left;
 145     word-break: break-word;
 146     padding: 0 0 5px 0;
 147 }
 148
 149 .audit-launcher-view label.disabled {
 150     color: rgb(130, 130, 130);
 151 }
 152
 153 .audit-launcher-view input[type="checkbox"] {
 154     margin-left: 0;
 155 }
 156
 157 .audit-launcher-view input[type="radio"] {
 158     height: 17px;
 159     width: 17px;
 160     border: 1px solid rgb(165, 165, 165);
 161     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
 162     -webkit-border-radius: 8px;
 163     -webkit-appearance: none;
 164     vertical-align: middle;
 165     margin: 0 5px 5px 0;
 166 }
 167
 168 .audit-launcher-view input[type="radio"]:active:not(:disabled) {
 169     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
 170 }
 171
 172 .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled {
 173     background: url(Images/radioDot.png) center no-repeat,
 174                 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
 175 }
 176
 177 .audit-launcher-view .resource-progress > img {
 178     content: url(Images/spinner.gif);
 179     vertical-align: text-top;
 180     margin: 0 4px 0 8px;
 181 }
 182
 183 .audit-result-view {
 184     overflow: auto;
 185     position: absolute;
 186     top: 0;
 187     left: 0;
 188     right: 0;
 189     bottom: 0;
 190     display: none;
 191 }
 192
 193 .audit-result-view.visible {
 194     display: block;
 195 }
 196
 197 .audit-result-view .severity-severe {
 198     content: url(Images/errorRedDot.png);
 199 }
 200
 201 .audit-result-view .severity-warning {
 202     content: url(Images/warningOrangeDot.png);
 203 }
 204
 205 .audit-result-view .severity-info {
 206     content: url(Images/successGreenDot.png);
 207 }
 208
 209 .audit-result-tree li.parent::before {
 210     content: url(Images/treeRightTriangleBlack.png);
 211     float: left;
 212     width: 8px;
 213     height: 8px;
 214     margin-top: 1px;
 215     padding-right: 2px;
 216 }
 217
 218 .audit-result-tree {
 219     font-size: 11px;
 220     line-height: 14px;
 221     -webkit-user-select: text;
 222 }
 223
 224 .audit-result-tree > ol {
 225     position: relative;
 226     padding: 2px 6px !important;
 227     margin: 0;
 228     color: rgb(84, 84, 84);
 229     cursor: default;
 230     min-width: 100%;
 231 }
 232
 233 .audit-result-tree, .audit-result-tree ol {
 234     list-style-type: none;
 235     -webkit-padding-start: 12px;
 236     margin: 0;
 237 }
 238
 239 .audit-result-tree li {
 240     padding: 0 0 0 14px;
 241     margin-top: 1px;
 242     margin-bottom: 1px;
 243     word-wrap: break-word;
 244     text-indent: -2px;
 245 }
 246
 247 .audit-result-tree li.parent {
 248     text-indent: -12px
 249 }
 250
 251 .audit-result-tree li.parent::before {
 252     content: url(Images/treeRightTriangleBlack.png);
 253     float: left;
 254     width: 8px;
 255     height: 8px;
 256     margin-top: 0;
 257     padding-right: 2px;
 258 }
 259
 260 .audit-result-tree li.parent.expanded::before {
 261     content: url(Images/treeDownTriangleBlack.png);
 262 }
 263
 264 .audit-result-tree ol.children {
 265     display: none;
 266 }
 267
 268 .audit-result-tree ol.children.expanded {
 269     display: block;
 270 }
 271
 272 .audit-result {
 273     font-weight: bold;
 274     color: black;
 275 }
 276
 277 .audit-result img {
 278     float: left;
 279     margin-left: -40px;
 280     margin-top: -1px;
 281 }