| 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 |