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

   1 /*
   2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
   3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  *
   9  * 1.  Redistributions of source code must retain the above copyright
  10  *     notice, this list of conditions and the following disclaimer.
  11  * 2.  Redistributions in binary form must reproduce the above copyright
  12  *     notice, this list of conditions and the following disclaimer in the
  13  *     documentation and/or other materials provided with the distribution.
  14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15  *     its contributors may be used to endorse or promote products derived
  16  *     from this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28  */
  29
  30 .resources.panel .sidebar-resizer-vertical {
  31     top: 23px;
  32 }
  33
  34 .resources.panel .sidebar {
  35     padding-left: 0;
  36     z-index: 10;
  37     display: block;
  38 }
  39
  40 .resources.panel .sidebar li {
  41     height: 18px;
  42     white-space: nowrap;
  43 }
  44
  45 .resources.panel .sidebar li.selected {
  46     color: white;
  47     text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
  48 }
  49
  50 .resources.panel .sidebar li.selected .selection {
  51     background-image: linear-gradient(to bottom, rgb(162, 177, 207), rgb(120, 138, 177));
  52     border-top: 1px solid #979797;
  53     height: 18px;
  54 }
  55
  56 .resources.panel .sidebar :focus li.selected .selection {
  57     background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(21, 83, 170));
  58     border-top: 1px solid rgb(68, 128, 200);
  59 }
  60
  61 body.inactive .resources.panel .sidebar li.selected .selection {
  62     background-image: linear-gradient(to bottom, rgb(180, 180, 180), rgb(138, 138, 138));
  63     border-top: 1px solid rgb(151, 151, 151);
  64 }
  65
  66 .resources.panel .sidebar .icon {
  67     width: 16px;
  68     height: 16px;
  69     float: left;
  70 }
  71
  72 .resources.panel .base-storage-tree-element-title {
  73     overflow: hidden;
  74     position: relative;
  75     text-overflow: ellipsis;
  76     padding-left: 2px;
  77     top: 1px;
  78 }
  79
  80 .resources-main {
  81     position: absolute;
  82     top: 0;
  83     bottom: 23px;
  84     left: 0;
  85     right: 0;
  86     display: flex;
  87 }
  88
  89 .resources-status-bar {
  90     position: absolute;
  91     bottom: 0;
  92     left: 0;
  93     right: 0;
  94     height: 23px;
  95     background-color: rgb(236, 236, 236);
  96 }
  97
  98 li.selected .base-storage-tree-element-subtitle {
  99     color: white;
 100 }
 101
 102 .base-storage-tree-element-subtitle {
 103     padding-left: 2px;
 104     color: rgb(80, 80, 80);
 105     text-shadow: none;
 106 }
 107
 108 .resources.panel .status {
 109     float: right;
 110     height: 16px;
 111     margin-top: 1px;
 112     margin-left: 4px;
 113     line-height: 1em;
 114 }
 115
 116 .resources.panel li .status .bubble {
 117     height: 13px;
 118     padding-top: 0;
 119 }
 120
 121 .storage-view {
 122     display: none;
 123     overflow: hidden;
 124     position: absolute;
 125     top: 0;
 126     left: 0;
 127     right: 0;
 128     bottom: 0;
 129 }
 130
 131 .storage-view.visible {
 132     display: flex;
 133 }
 134
 135 .storage-view {
 136     overflow: hidden;
 137 }
 138
 139 .storage-view .data-grid:not(.inline) {
 140     border: none;
 141     flex: auto;
 142 }
 143
 144 .storage-view .storage-table-error {
 145     color: rgb(66%, 33%, 33%);
 146 }
 147
 148 .storage-view.query {
 149     padding: 2px 0;
 150     overflow-y: overlay;
 151     overflow-x: hidden;
 152 }
 153
 154 .database-query-prompt {
 155     position: relative;
 156     padding: 1px 22px 1px 24px;
 157     min-height: 16px;
 158     white-space: pre-wrap;
 159     -webkit-user-modify: read-write-plaintext-only;
 160     -webkit-user-select: text;
 161 }
 162
 163 .database-user-query::before,
 164 .database-query-prompt::before,
 165 .database-query-result::before {
 166     position: absolute;
 167     display: block;
 168     content: "";
 169     left: 7px;
 170     top: 0.8em;
 171     width: 10px;
 172     height: 10px;
 173     margin-top: -7px;
 174     -webkit-user-select: none;
 175     background-image: url(Images/statusbarButtonGlyphs.png);
 176     background-size: 320px 144px;
 177 }
 178
 179 @media (-webkit-min-device-pixel-ratio: 1.5) {
 180 .database-user-query::before,
 181 .database-query-prompt::before,
 182 .database-query-result::before {
 183     background-image: url(Images/statusbarButtonGlyphs_2x.png);
 184 }
 185 } /* media */
 186
 187 .database-query-prompt::before {
 188     background-position: -192px -96px;
 189 }
 190
 191 .database-user-query {
 192     position: relative;
 193     border-bottom: 1px solid rgb(245, 245, 245);
 194     padding: 1px 22px 1px 24px;
 195     min-height: 16px;
 196 }
 197
 198 .database-user-query::before {
 199     background-position: -192px -107px;
 200 }
 201
 202 .database-query-text {
 203     color: rgb(0, 128, 255);
 204     -webkit-user-select: text;
 205 }
 206
 207 .database-query-result {
 208     position: relative;
 209     padding: 1px 22px 1px 24px;
 210     min-height: 16px;
 211     margin-left: -24px;
 212     padding-right: 0;
 213 }
 214
 215 .database-query-result.error {
 216     color: red;
 217     -webkit-user-select: text;
 218 }
 219
 220 .database-query-result.error::before {
 221     background-position: -213px -96px;
 222 }
 223
 224 .resource-sidebar-tree-item .icon {
 225     content: url(Images/resourcePlainIcon.png);
 226 }
 227
 228 .children.small .resource-sidebar-tree-item .icon {
 229     content: url(Images/resourcePlainIconSmall.png);
 230 }
 231
 232 .resource-sidebar-tree-item.resources-type-image .icon {
 233     position: relative;
 234     background-image: url(Images/resourcePlainIcon.png);
 235     background-repeat: no-repeat;
 236     content: "";
 237 }
 238
 239 .resources-type-image .image-resource-icon-preview {
 240     position: absolute;
 241     margin: auto;
 242     top: 3px;
 243     bottom: 4px;
 244     left: 5px;
 245     right: 5px;
 246     max-width: 18px;
 247     max-height: 21px;
 248     min-width: 1px;
 249     min-height: 1px;
 250 }
 251
 252 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
 253     background-image: url(Images/resourcePlainIconSmall.png);
 254     content: "";
 255 }
 256
 257 .children.small .resources-type-image .image-resource-icon-preview {
 258     top: 2px;
 259     bottom: 1px;
 260     left: 3px;
 261     right: 3px;
 262     max-width: 8px;
 263     max-height: 11px;
 264 }
 265
 266 .resource-sidebar-tree-item.resources-type-document .icon {
 267     content: url(Images/resourceDocumentIcon.png);
 268 }
 269
 270 .children.small .resource-sidebar-tree-item.resources-type-document .icon {
 271     content: url(Images/resourceDocumentIconSmall.png);
 272 }
 273
 274 .resource-sidebar-tree-item.resources-type-stylesheet .icon {
 275     content: url(Images/resourceCSSIcon.png);
 276 }
 277
 278 .children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
 279     content: url(Images/resourceDocumentIconSmall.png);
 280 }
 281
 282 .resource-sidebar-tree-item.resources-type-image .icon {
 283     position: relative;
 284     background-image: url(Images/resourcePlainIcon.png);
 285     background-repeat: no-repeat;
 286     content: "";
 287 }
 288
 289 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
 290     background-image: url(Images/resourcePlainIconSmall.png);
 291     content: "";
 292 }
 293
 294 .resource-sidebar-tree-item.resources-type-font .icon {
 295     content: url(Images/resourcePlainIcon.png);
 296 }
 297
 298 .children.small .resource-sidebar-tree-item.resources-type-font .icon {
 299     content: url(Images/resourcePlainIconSmall.png);
 300 }
 301
 302 .resource-sidebar-tree-item.resources-type-script .icon {
 303     content: url(Images/resourceJSIcon.png);
 304 }
 305
 306 .children.small .resource-sidebar-tree-item.resources-type-script .icon {
 307     content: url(Images/resourceDocumentIconSmall.png);
 308 }
 309
 310 .resource-sidebar-tree-item.resources-type-xhr .icon {
 311     content: url(Images/resourcePlainIcon.png);
 312 }
 313
 314 .children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
 315     content: url(Images/resourceDocumentIconSmall.png);
 316 }
 317
 318 .frame-storage-tree-item .icon {
 319     content: url(Images/frame.png);
 320 }
 321
 322 .database-storage-tree-item .icon {
 323     content: url(Images/database.png);
 324 }
 325
 326 .database-table-storage-tree-item .icon {
 327     content: url(Images/databaseTable.png);
 328 }
 329
 330 .indexed-db-storage-tree-item .icon {
 331     content: url(Images/indexedDB.png);
 332 }
 333
 334 .indexed-db-object-store-storage-tree-item .icon {
 335     content: url(Images/indexedDBObjectStore.png);
 336 }
 337
 338 .indexed-db-index-storage-tree-item .icon {
 339     content: url(Images/indexedDBIndex.png);
 340 }
 341
 342 .domstorage-storage-tree-item.local-storage .icon {
 343     content: url(Images/localStorage.png);
 344 }
 345
 346 .domstorage-storage-tree-item.session-storage .icon {
 347     content: url(Images/sessionStorage.png);
 348 }
 349
 350 .cookie-storage-tree-item .icon {
 351     content: url(Images/cookie.png);
 352 }
 353
 354 .application-cache-storage-tree-item .icon {
 355     content: url(Images/applicationCache.png);
 356 }
 357
 358 .file-system-storage-tree-item .icon {
 359     content: url(Images/fileSystem.png);
 360 }