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