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 }
  38
  39 .resources.panel .sidebar li {
  40     height: 18px;
  41     white-space: nowrap;
  42 }
  43
  44 .resources.panel .sidebar li.selected {
  45     color: white;
  46     text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
  47 }
  48
  49 .resources.panel .sidebar li.selected .selection {
  50     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  51     border-top: 1px solid #979797;
  52     height: 18px;
  53 }
  54
  55 .resources.panel .sidebar :focus li.selected .selection {
  56     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  57     border-top: 1px solid rgb(68, 128, 200);
  58 }
  59
  60 body.inactive .resources.panel .sidebar li.selected .selection {
  61     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  62     border-top: 1px solid rgb(151, 151, 151);
  63 }
  64
  65 .resources.panel .sidebar .icon {
  66     width: 16px;
  67     height: 16px;
  68     float: left;
  69 }
  70
  71 .resources.panel .base-storage-tree-element-title {
  72     overflow: hidden;
  73     position: relative;
  74     text-overflow: ellipsis;
  75     padding-left: 2px;
  76     top: 1px;
  77 }
  78
  79 .resources-main {
  80     position: absolute;
  81     top: 0;
  82     bottom: 23px;
  83     left: 0;
  84     right: 0;
  85 }
  86
  87 .resources-status-bar {
  88     position: absolute;
  89     bottom: 0;
  90     left: 0;
  91     right: 0;
  92     height: 23px;
  93     background-color: rgb(236, 236, 236);
  94 }
  95
  96 li.selected .base-storage-tree-element-subtitle {
  97     color: white;
  98 }
  99
 100 .base-storage-tree-element-subtitle {
 101     padding-left: 2px;
 102     color: rgb(80, 80, 80);
 103     text-shadow: none;
 104 }
 105
 106 .resources.panel .status {
 107     float: right;
 108     height: 16px;
 109     margin-top: 1px;
 110     margin-left: 4px;
 111     line-height: 1em;
 112 }
 113
 114 .resources.panel li .status .bubble {
 115     height: 13px;
 116     padding-top: 0;
 117 }
 118
 119 .storage-view {
 120     display: none;
 121     overflow: hidden;
 122     position: absolute;
 123     top: 0;
 124     left: 0;
 125     right: 0;
 126     bottom: 0;
 127 }
 128
 129 .storage-view.visible {
 130     display: block;
 131 }
 132
 133 .storage-view {
 134     overflow: hidden;
 135 }
 136
 137 .storage-view .data-grid:not(.inline) {
 138     border: none;
 139     height: 100%;
 140 }
 141
 142 .storage-view .storage-table-error {
 143     color: rgb(66%, 33%, 33%);
 144 }
 145
 146 .storage-view.query {
 147     padding: 2px 0;
 148     overflow-y: overlay;
 149     overflow-x: hidden;
 150 }
 151
 152 .database-query-prompt {
 153     position: relative;
 154     padding: 1px 22px 1px 24px;
 155     min-height: 16px;
 156     white-space: pre-wrap;
 157     -webkit-user-modify: read-write-plaintext-only;
 158     -webkit-user-select: text;
 159 }
 160
 161 .database-user-query::before,
 162 .database-query-prompt::before,
 163 .database-query-result::before {
 164     position: absolute;
 165     display: block;
 166     content: "";
 167     left: 7px;
 168     top: 0.8em;
 169     width: 10px;
 170     height: 10px;
 171     margin-top: -7px;
 172     -webkit-user-select: none;
 173     background-image: url(Images/statusbarButtonGlyphs.png);
 174     background-size: 320px 144px;
 175 }
 176
 177 @media (-webkit-min-device-pixel-ratio: 1.5) {
 178 .database-user-query::before,
 179 .database-query-prompt::before,
 180 .database-query-result::before {
 181     background-image: url(Images/statusbarButtonGlyphs2x.png);
 182 }
 183 } /* media */
 184
 185 .database-query-prompt::before {
 186     background-position: -192px -96px;
 187 }
 188
 189 .database-user-query {
 190     position: relative;
 191     border-bottom: 1px solid rgb(245, 245, 245);
 192     padding: 1px 22px 1px 24px;
 193     min-height: 16px;
 194 }
 195
 196 .database-user-query::before {
 197     background-position: -192px -107px;
 198 }
 199
 200 .database-query-text {
 201     color: rgb(0, 128, 255);
 202     -webkit-user-select: text;
 203 }
 204
 205 .database-query-result {
 206     position: relative;
 207     padding: 1px 22px 1px 24px;
 208     min-height: 16px;
 209     margin-left: -24px;
 210     padding-right: 0;
 211 }
 212
 213 .database-query-result.error {
 214     color: red;
 215     -webkit-user-select: text;
 216 }
 217
 218 .database-query-result.error::before {
 219     background-position: -213px -96px;
 220 }
 221
 222 .resource-sidebar-tree-item .icon {
 223     content: url(Images/resourcePlainIcon.png);
 224 }
 225
 226 .children.small .resource-sidebar-tree-item .icon {
 227     content: url(Images/resourcePlainIconSmall.png);
 228 }
 229
 230 .resource-sidebar-tree-item.resources-type-image .icon {
 231     position: relative;
 232     background-image: url(Images/resourcePlainIcon.png);
 233     background-repeat: no-repeat;
 234     content: "";
 235 }
 236
 237 .resources-type-image .image-resource-icon-preview {
 238     position: absolute;
 239     margin: auto;
 240     top: 3px;
 241     bottom: 4px;
 242     left: 5px;
 243     right: 5px;
 244     max-width: 18px;
 245     max-height: 21px;
 246     min-width: 1px;
 247     min-height: 1px;
 248 }
 249
 250 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
 251     background-image: url(Images/resourcePlainIconSmall.png);
 252     content: "";
 253 }
 254
 255 .children.small .resources-type-image .image-resource-icon-preview {
 256     top: 2px;
 257     bottom: 1px;
 258     left: 3px;
 259     right: 3px;
 260     max-width: 8px;
 261     max-height: 11px;
 262 }
 263
 264 .resource-sidebar-tree-item.resources-type-document .icon {
 265     content: url(Images/resourceDocumentIcon.png);
 266 }
 267
 268 .children.small .resource-sidebar-tree-item.resources-type-document .icon {
 269     content: url(Images/resourceDocumentIconSmall.png);
 270 }
 271
 272 .resource-sidebar-tree-item.resources-type-stylesheet .icon {
 273     content: url(Images/resourceCSSIcon.png);
 274 }
 275
 276 .children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
 277     content: url(Images/resourceDocumentIconSmall.png);
 278 }
 279
 280 .resource-sidebar-tree-item.resources-type-image .icon {
 281     position: relative;
 282     background-image: url(Images/resourcePlainIcon.png);
 283     background-repeat: no-repeat;
 284     content: "";
 285 }
 286
 287 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
 288     background-image: url(Images/resourcePlainIconSmall.png);
 289     content: "";
 290 }
 291
 292 .resource-sidebar-tree-item.resources-type-font .icon {
 293     content: url(Images/resourcePlainIcon.png);
 294 }
 295
 296 .children.small .resource-sidebar-tree-item.resources-type-font .icon {
 297     content: url(Images/resourcePlainIconSmall.png);
 298 }
 299
 300 .resource-sidebar-tree-item.resources-type-script .icon {
 301     content: url(Images/resourceJSIcon.png);
 302 }
 303
 304 .children.small .resource-sidebar-tree-item.resources-type-script .icon {
 305     content: url(Images/resourceDocumentIconSmall.png);
 306 }
 307
 308 .resource-sidebar-tree-item.resources-type-xhr .icon {
 309     content: url(Images/resourcePlainIcon.png);
 310 }
 311
 312 .children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
 313     content: url(Images/resourceDocumentIconSmall.png);
 314 }
 315
 316 .frame-storage-tree-item .icon {
 317     content: url(Images/frame.png);
 318 }
 319
 320 .database-storage-tree-item .icon {
 321     content: url(Images/database.png);
 322 }
 323
 324 .database-table-storage-tree-item .icon {
 325     content: url(Images/databaseTable.png);
 326 }
 327
 328 .indexed-db-storage-tree-item .icon {
 329     content: url(Images/indexedDB.png);
 330 }
 331
 332 .indexed-db-object-store-storage-tree-item .icon {
 333     content: url(Images/indexedDBObjectStore.png);
 334 }
 335
 336 .indexed-db-index-storage-tree-item .icon {
 337     content: url(Images/indexedDBIndex.png);
 338 }
 339
 340 .domstorage-storage-tree-item.local-storage .icon {
 341     content: url(Images/localStorage.png);
 342 }
 343
 344 .domstorage-storage-tree-item.session-storage .icon {
 345     content: url(Images/sessionStorage.png);
 346 }
 347
 348 .cookie-storage-tree-item .icon {
 349     content: url(Images/cookie.png);
 350 }
 351
 352 .application-cache-storage-tree-item .icon {
 353     content: url(Images/applicationCache.png);
 354 }
 355
 356 .file-system-storage-tree-item .icon {
 357     content: url(Images/fileSystem.png);
 358 }