OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 16 matching lines...) Expand all Loading... |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
28 */ | 28 */ |
29 | 29 |
30 .resources.panel .sidebar-resizer-vertical { | 30 .resources.panel .sidebar-resizer-vertical { |
31 top: 23px; | 31 top: 23px; |
32 } | 32 } |
33 | 33 |
34 .resources.panel .sidebar { | 34 .resources.panel .sidebar { |
35 padding-left: 0; | 35 padding-left: 0; |
36 z-index: 10; | 36 z-index: 10; |
| 37 display: block; |
37 } | 38 } |
38 | 39 |
39 .resources.panel .sidebar li { | 40 .resources.panel .sidebar li { |
40 height: 18px; | 41 height: 18px; |
41 white-space: nowrap; | 42 white-space: nowrap; |
42 } | 43 } |
43 | 44 |
44 .resources.panel .sidebar li.selected { | 45 .resources.panel .sidebar li.selected { |
45 color: white; | 46 color: white; |
46 text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; | 47 text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; |
47 } | 48 } |
48 | 49 |
49 .resources.panel .sidebar li.selected .selection { | 50 .resources.panel .sidebar li.selected .selection { |
50 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | 51 background-image: linear-gradient(to bottom, rgb(162, 177, 207), rgb(120, 13
8, 177)); |
51 border-top: 1px solid #979797; | 52 border-top: 1px solid #979797; |
52 height: 18px; | 53 height: 18px; |
53 } | 54 } |
54 | 55 |
55 .resources.panel .sidebar :focus li.selected .selection { | 56 .resources.panel .sidebar :focus li.selected .selection { |
56 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(9
2, 147, 213)), to(rgb(21, 83, 170))); | 57 background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(21, 83,
170)); |
57 border-top: 1px solid rgb(68, 128, 200); | 58 border-top: 1px solid rgb(68, 128, 200); |
58 } | 59 } |
59 | 60 |
60 body.inactive .resources.panel .sidebar li.selected .selection { | 61 body.inactive .resources.panel .sidebar li.selected .selection { |
61 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
80, 180, 180)), to(rgb(138, 138, 138))); | 62 background-image: linear-gradient(to bottom, rgb(180, 180, 180), rgb(138, 13
8, 138)); |
62 border-top: 1px solid rgb(151, 151, 151); | 63 border-top: 1px solid rgb(151, 151, 151); |
63 } | 64 } |
64 | 65 |
65 .resources.panel .sidebar .icon { | 66 .resources.panel .sidebar .icon { |
66 width: 16px; | 67 width: 16px; |
67 height: 16px; | 68 height: 16px; |
68 float: left; | 69 float: left; |
69 } | 70 } |
70 | 71 |
71 .resources.panel .base-storage-tree-element-title { | 72 .resources.panel .base-storage-tree-element-title { |
72 overflow: hidden; | 73 overflow: hidden; |
73 position: relative; | 74 position: relative; |
74 text-overflow: ellipsis; | 75 text-overflow: ellipsis; |
75 padding-left: 2px; | 76 padding-left: 2px; |
76 top: 1px; | 77 top: 1px; |
77 } | 78 } |
78 | 79 |
79 .resources-main { | 80 .resources-main { |
80 position: absolute; | 81 position: absolute; |
81 top: 0; | 82 top: 0; |
82 bottom: 23px; | 83 bottom: 23px; |
83 left: 0; | 84 left: 0; |
84 right: 0; | 85 right: 0; |
| 86 display: flex; |
85 } | 87 } |
86 | 88 |
87 .resources-status-bar { | 89 .resources-status-bar { |
88 position: absolute; | 90 position: absolute; |
89 bottom: 0; | 91 bottom: 0; |
90 left: 0; | 92 left: 0; |
91 right: 0; | 93 right: 0; |
92 height: 23px; | 94 height: 23px; |
93 background-color: rgb(236, 236, 236); | 95 background-color: rgb(236, 236, 236); |
94 } | 96 } |
(...skipping 25 matching lines...) Expand all Loading... |
120 display: none; | 122 display: none; |
121 overflow: hidden; | 123 overflow: hidden; |
122 position: absolute; | 124 position: absolute; |
123 top: 0; | 125 top: 0; |
124 left: 0; | 126 left: 0; |
125 right: 0; | 127 right: 0; |
126 bottom: 0; | 128 bottom: 0; |
127 } | 129 } |
128 | 130 |
129 .storage-view.visible { | 131 .storage-view.visible { |
130 display: block; | 132 display: flex; |
131 } | 133 } |
132 | 134 |
133 .storage-view { | 135 .storage-view { |
134 overflow: hidden; | 136 overflow: hidden; |
135 } | 137 } |
136 | 138 |
137 .storage-view .data-grid:not(.inline) { | 139 .storage-view .data-grid:not(.inline) { |
138 border: none; | 140 border: none; |
139 height: 100%; | 141 flex: auto; |
140 } | 142 } |
141 | 143 |
142 .storage-view .storage-table-error { | 144 .storage-view .storage-table-error { |
143 color: rgb(66%, 33%, 33%); | 145 color: rgb(66%, 33%, 33%); |
144 } | 146 } |
145 | 147 |
146 .storage-view.query { | 148 .storage-view.query { |
147 padding: 2px 0; | 149 padding: 2px 0; |
148 overflow-y: overlay; | 150 overflow-y: overlay; |
149 overflow-x: hidden; | 151 overflow-x: hidden; |
(...skipping 21 matching lines...) Expand all Loading... |
171 margin-top: -7px; | 173 margin-top: -7px; |
172 -webkit-user-select: none; | 174 -webkit-user-select: none; |
173 background-image: url(Images/statusbarButtonGlyphs.png); | 175 background-image: url(Images/statusbarButtonGlyphs.png); |
174 background-size: 320px 144px; | 176 background-size: 320px 144px; |
175 } | 177 } |
176 | 178 |
177 @media (-webkit-min-device-pixel-ratio: 1.5) { | 179 @media (-webkit-min-device-pixel-ratio: 1.5) { |
178 .database-user-query::before, | 180 .database-user-query::before, |
179 .database-query-prompt::before, | 181 .database-query-prompt::before, |
180 .database-query-result::before { | 182 .database-query-result::before { |
181 background-image: url(Images/statusbarButtonGlyphs2x.png); | 183 background-image: url(Images/statusbarButtonGlyphs_2x.png); |
182 } | 184 } |
183 } /* media */ | 185 } /* media */ |
184 | 186 |
185 .database-query-prompt::before { | 187 .database-query-prompt::before { |
186 background-position: -192px -96px; | 188 background-position: -192px -96px; |
187 } | 189 } |
188 | 190 |
189 .database-user-query { | 191 .database-user-query { |
190 position: relative; | 192 position: relative; |
191 border-bottom: 1px solid rgb(245, 245, 245); | 193 border-bottom: 1px solid rgb(245, 245, 245); |
(...skipping 157 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
349 content: url(Images/cookie.png); | 351 content: url(Images/cookie.png); |
350 } | 352 } |
351 | 353 |
352 .application-cache-storage-tree-item .icon { | 354 .application-cache-storage-tree-item .icon { |
353 content: url(Images/applicationCache.png); | 355 content: url(Images/applicationCache.png); |
354 } | 356 } |
355 | 357 |
356 .file-system-storage-tree-item .icon { | 358 .file-system-storage-tree-item .icon { |
357 content: url(Images/fileSystem.png); | 359 content: url(Images/fileSystem.png); |
358 } | 360 } |
OLD | NEW |