debian/libwebkit-engine/usr/share/ewebkit-0/webinspector/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: 17px;
  41     white-space: nowrap;
  42 }
  43
  44 .resources.panel .sidebar li.selected {
  45     color: white;
  46     text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
  47     font-weight: bold;
  48 }
  49
  50 .resources.panel .sidebar li.selected .selection {
  51     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  52     border-top: 1px solid #979797;
  53     height: 17px;
  54 }
  55
  56 .resources.panel .sidebar :focus li.selected .selection {
  57     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(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: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(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 li.selected .base-storage-tree-element-subtitle {
  81     color: white;
  82 }
  83
  84 .base-storage-tree-element-subtitle {
  85     padding-left: 2px;
  86     color: rgb(80, 80, 80);
  87     text-shadow: none;
  88 }
  89
  90 .resources.panel .status {
  91     float: right;
  92     height: 16px;
  93     margin-top: 1px;
  94     margin-left: 4px;
  95     line-height: 1em;
  96 }
  97
  98 .resources.panel li .status .bubble {
  99     height: 13px;
 100     padding-top: 0;
 101 }
 102
 103 .storage-view {
 104     display: none;
 105     overflow: hidden;
 106     position: absolute;
 107     top: 0;
 108     left: 0;
 109     right: 0;
 110     bottom: 0;
 111 }
 112
 113 .storage-view.visible {
 114     display: block;
 115 }
 116
 117 .storage-view {
 118     overflow: hidden;
 119 }
 120
 121 .storage-view .data-grid {
 122     border: none;
 123     height: 100%;
 124 }
 125
 126 .storage-view .storage-table-error {
 127     color: rgb(66%, 33%, 33%);
 128 }
 129
 130 .storage-view.query {
 131     padding: 2px 0;
 132     overflow-y: overlay;
 133     overflow-x: hidden;
 134     -webkit-text-size-adjust: auto;
 135 }
 136
 137 .database-query-prompt {
 138     position: relative;
 139     padding: 1px 22px 1px 24px;
 140     min-height: 16px;
 141     white-space: pre-wrap;
 142     -webkit-user-modify: read-write-plaintext-only;
 143     -webkit-user-select: text;
 144 }
 145
 146 .database-user-query::before, .database-query-prompt::before, .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: -5px;
 155     -webkit-user-select: none;
 156 }
 157
 158 .database-query-prompt::before {
 159     background-image: url(Images/userInputIcon.png);
 160 }
 161
 162 .database-user-query {
 163     position: relative;
 164     border-bottom: 1px solid rgb(245, 245, 245);
 165     padding: 1px 22px 1px 24px;
 166     min-height: 16px;
 167 }
 168
 169 .database-user-query::before {
 170     background-image: url(Images/userInputPreviousIcon.png);
 171 }
 172
 173 .database-query-text {
 174     color: rgb(0, 128, 255);
 175     -webkit-user-select: text;
 176 }
 177
 178 .database-query-result {
 179     position: relative;
 180     padding: 1px 22px 1px 24px;
 181     min-height: 16px;
 182     margin-left: -24px;
 183     padding-right: 0;
 184 }
 185
 186 .database-query-result.error {
 187     color: red;
 188     -webkit-user-select: text;
 189 }
 190
 191 .database-query-result.error::before {
 192     background-image: url(Images/errorIcon.png);
 193 }
 194
 195 .resource-sidebar-tree-item .icon {
 196     content: url(Images/resourcePlainIcon.png);
 197 }
 198
 199 .children.small .resource-sidebar-tree-item .icon {
 200     content: url(Images/resourcePlainIconSmall.png);
 201 }
 202
 203 .resource-sidebar-tree-item.resources-category-images .icon {
 204     position: relative;
 205     background-image: url(Images/resourcePlainIcon.png);
 206     background-repeat: no-repeat;
 207     content: "";
 208 }
 209
 210 .resources-category-images .image-resource-icon-preview {
 211     position: absolute;
 212     margin: auto;
 213     top: 3px;
 214     bottom: 4px;
 215     left: 5px;
 216     right: 5px;
 217     max-width: 18px;
 218     max-height: 21px;
 219     min-width: 1px;
 220     min-height: 1px;
 221 }
 222
 223 .children.small .resource-sidebar-tree-item.resources-category-images .icon {
 224     background-image: url(Images/resourcePlainIconSmall.png);
 225     content: "";
 226 }
 227
 228 .children.small .resources-category-images .image-resource-icon-preview {
 229     top: 2px;
 230     bottom: 1px;
 231     left: 3px;
 232     right: 3px;
 233     max-width: 8px;
 234     max-height: 11px;
 235 }
 236
 237 .resource-sidebar-tree-item.resources-category-documents .icon {
 238     content: url(Images/resourceDocumentIcon.png);
 239 }
 240
 241 .children.small .resource-sidebar-tree-item.resources-category-documents .icon {
 242     content: url(Images/resourceDocumentIconSmall.png);
 243 }
 244
 245 .resource-sidebar-tree-item.resources-category-stylesheets .icon {
 246     content: url(Images/resourceCSSIcon.png);
 247 }
 248
 249 .children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon {
 250     content: url(Images/resourceDocumentIconSmall.png);
 251 }
 252
 253 .resource-sidebar-tree-item.resources-category-images .icon {
 254     position: relative;
 255     background-image: url(Images/resourcePlainIcon.png);
 256     background-repeat: no-repeat;
 257     content: "";
 258 }
 259
 260 .children.small .resource-sidebar-tree-item.resources-category-images .icon {
 261     background-image: url(Images/resourcePlainIconSmall.png);
 262     content: "";
 263 }
 264
 265 .resource-sidebar-tree-item.resources-category-fonts .icon {
 266     content: url(Images/resourcePlainIcon.png);
 267 }
 268
 269 .children.small .resource-sidebar-tree-item.resources-category-fonts .icon {
 270     content: url(Images/resourcePlainIconSmall.png);
 271 }
 272
 273 .resource-sidebar-tree-item.resources-category-scripts .icon {
 274     content: url(Images/resourceJSIcon.png);
 275 }
 276
 277 .children.small .resource-sidebar-tree-item.resources-category-scripts .icon {
 278     content: url(Images/resourceDocumentIconSmall.png);
 279 }
 280
 281 .resource-sidebar-tree-item.resources-category-xhr .icon {
 282     content: url(Images/resourcePlainIcon.png);
 283 }
 284
 285 .children.small .resource-sidebar-tree-item.resources-category-xhr .icon {
 286     content: url(Images/resourceDocumentIconSmall.png);
 287 }
 288
 289 .frame-storage-tree-item .icon {
 290     content: url(Images/frame.png);
 291 }
 292
 293 .database-storage-tree-item .icon {
 294     content: url(Images/database.png);
 295 }
 296
 297 .database-table-storage-tree-item .icon {
 298     content: url(Images/databaseTable.png);
 299 }
 300
 301 .domstorage-storage-tree-item.local-storage .icon {
 302     content: url(Images/localStorage.png);
 303 }
 304
 305 .domstorage-storage-tree-item.session-storage .icon {
 306     content: url(Images/sessionStorage.png);
 307 }
 308
 309 .cookie-storage-tree-item .icon {
 310     content: url(Images/cookie.png);
 311 }
 312
 313 .application-cache-storage-tree-item .icon {
 314     content: url(Images/applicationCache.png);
 315 }
 316
 317 /* FIXME: Make separate png for file-system */
 318 .file-system-storage-tree-item .icon {
 319     content: url(Images/applicationCache.png);
 320 }