Web Inspector: Fonts refactoring
[WebKit-https.git] / Source / WebCore / inspector / front-end / 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 li.selected .base-storage-tree-element-subtitle {
80     color: white;
81 }
82
83 .base-storage-tree-element-subtitle {
84     padding-left: 2px;
85     color: rgb(80, 80, 80);
86     text-shadow: none;
87 }
88
89 .resources.panel .status {
90     float: right;
91     height: 16px;
92     margin-top: 1px;
93     margin-left: 4px;
94     line-height: 1em;
95 }
96
97 .resources.panel li .status .bubble {
98     height: 13px;
99     padding-top: 0;
100 }
101
102 .storage-view {
103     display: none;
104     overflow: hidden;
105     position: absolute;
106     top: 0;
107     left: 0;
108     right: 0;
109     bottom: 0;
110 }
111
112 .storage-view.visible {
113     display: block;
114 }
115
116 .storage-view {
117     overflow: hidden;
118 }
119
120 .storage-view .data-grid:not(.inline) {
121     border: none;
122     height: 100%;
123 }
124
125 .storage-view .storage-table-error {
126     color: rgb(66%, 33%, 33%);
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, .database-query-prompt::before, .database-query-result::before {
145     position: absolute;
146     display: block;
147     content: "";
148     left: 7px;
149     top: 0.8em;
150     width: 10px;
151     height: 10px;
152     margin-top: -5px;
153     -webkit-user-select: none;
154 }
155
156 .database-query-prompt::before {
157     background-image: url(Images/userInputIcon.png);
158 }
159
160 .database-user-query {
161     position: relative;
162     border-bottom: 1px solid rgb(245, 245, 245);
163     padding: 1px 22px 1px 24px;
164     min-height: 16px;
165 }
166
167 .database-user-query::before {
168     background-image: url(Images/userInputPreviousIcon.png);
169 }
170
171 .database-query-text {
172     color: rgb(0, 128, 255);
173     -webkit-user-select: text;
174 }
175
176 .database-query-result {
177     position: relative;
178     padding: 1px 22px 1px 24px;
179     min-height: 16px;
180     margin-left: -24px;
181     padding-right: 0;
182 }
183
184 .database-query-result.error {
185     color: red;
186     -webkit-user-select: text;
187 }
188
189 .database-query-result.error::before {
190     background-image: url(Images/errorIcon.png);
191 }
192
193 .resource-sidebar-tree-item .icon {
194     content: url(Images/resourcePlainIcon.png);
195 }
196
197 .children.small .resource-sidebar-tree-item .icon {
198     content: url(Images/resourcePlainIconSmall.png);
199 }
200
201 .resource-sidebar-tree-item.resources-type-image .icon {
202     position: relative;
203     background-image: url(Images/resourcePlainIcon.png);
204     background-repeat: no-repeat;
205     content: "";
206 }
207
208 .resources-type-image .image-resource-icon-preview {
209     position: absolute;
210     margin: auto;
211     top: 3px;
212     bottom: 4px;
213     left: 5px;
214     right: 5px;
215     max-width: 18px;
216     max-height: 21px;
217     min-width: 1px;
218     min-height: 1px;
219 }
220
221 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
222     background-image: url(Images/resourcePlainIconSmall.png);
223     content: "";
224 }
225
226 .children.small .resources-type-image .image-resource-icon-preview {
227     top: 2px;
228     bottom: 1px;
229     left: 3px;
230     right: 3px;
231     max-width: 8px;
232     max-height: 11px;
233 }
234
235 .resource-sidebar-tree-item.resources-type-document .icon {
236     content: url(Images/resourceDocumentIcon.png);
237 }
238
239 .children.small .resource-sidebar-tree-item.resources-type-document .icon {
240     content: url(Images/resourceDocumentIconSmall.png);
241 }
242
243 .resource-sidebar-tree-item.resources-type-stylesheet .icon {
244     content: url(Images/resourceCSSIcon.png);
245 }
246
247 .children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
248     content: url(Images/resourceDocumentIconSmall.png);
249 }
250
251 .resource-sidebar-tree-item.resources-type-image .icon {
252     position: relative;
253     background-image: url(Images/resourcePlainIcon.png);
254     background-repeat: no-repeat;
255     content: "";
256 }
257
258 .children.small .resource-sidebar-tree-item.resources-type-image .icon {
259     background-image: url(Images/resourcePlainIconSmall.png);
260     content: "";
261 }
262
263 .resource-sidebar-tree-item.resources-type-font .icon {
264     content: url(Images/resourcePlainIcon.png);
265 }
266
267 .children.small .resource-sidebar-tree-item.resources-type-font .icon {
268     content: url(Images/resourcePlainIconSmall.png);
269 }
270
271 .resource-sidebar-tree-item.resources-type-script .icon {
272     content: url(Images/resourceJSIcon.png);
273 }
274
275 .children.small .resource-sidebar-tree-item.resources-type-script .icon {
276     content: url(Images/resourceDocumentIconSmall.png);
277 }
278
279 .resource-sidebar-tree-item.resources-type-xhr .icon {
280     content: url(Images/resourcePlainIcon.png);
281 }
282
283 .children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
284     content: url(Images/resourceDocumentIconSmall.png);
285 }
286
287 .frame-storage-tree-item .icon {
288     content: url(Images/frame.png);
289 }
290
291 .database-storage-tree-item .icon {
292     content: url(Images/database.png);
293 }
294
295 .database-table-storage-tree-item .icon {
296     content: url(Images/databaseTable.png);
297 }
298
299 .indexed-db-storage-tree-item .icon {
300     content: url(Images/indexedDB.png);
301 }
302
303 .indexed-db-object-store-storage-tree-item .icon {
304     content: url(Images/indexedDBObjectStore.png);
305 }
306
307 .indexed-db-index-storage-tree-item .icon {
308     content: url(Images/indexedDBIndex.png);
309 }
310
311 .domstorage-storage-tree-item.local-storage .icon {
312     content: url(Images/localStorage.png);
313 }
314
315 .domstorage-storage-tree-item.session-storage .icon {
316     content: url(Images/sessionStorage.png);
317 }
318
319 .cookie-storage-tree-item .icon {
320     content: url(Images/cookie.png);
321 }
322
323 .application-cache-storage-tree-item .icon {
324     content: url(Images/applicationCache.png);
325 }
326
327 .file-system-storage-tree-item .icon {
328     content: url(Images/fileSystem.png);
329 }