| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2016 The Chromium Authors. All rights reserved. | 2 * Copyright 2016 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .tree-outline { | 7 .tree-outline { |
| 8 padding-left: 0; | 8 padding-left: 0; |
| 9 color: rgb(90, 90, 90); | 9 color: rgb(90, 90, 90); |
| 10 } | 10 } |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 48 .navigator-tree-item .icon { | 48 .navigator-tree-item .icon { |
| 49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 50 } | 50 } |
| 51 } /* media */ | 51 } /* media */ |
| 52 | 52 |
| 53 .navigator-file-tree-item .icon { | 53 .navigator-file-tree-item .icon { |
| 54 -webkit-mask-position: -224px -72px; | 54 -webkit-mask-position: -224px -72px; |
| 55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%)); | 55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%)); |
| 56 } | 56 } |
| 57 | 57 |
| 58 :focus .navigator-file-tree-item.selected .icon { | 58 :focus .navigator-file-tree-item.selected .icon, |
| 59 :focus .navigator-folder-tree-item.selected .icon, |
| 60 :focus .navigator-frame-tree-item.selected .icon { |
| 59 background: white !important; | 61 background: white !important; |
| 60 } | 62 } |
| 61 | 63 |
| 62 :focus .navigator-folder-tree-item.selected .icon { | |
| 63 background: white !important; | |
| 64 } | |
| 65 | |
| 66 .navigator-folder-tree-item .icon { | 64 .navigator-folder-tree-item .icon { |
| 67 -webkit-mask-position: -64px -120px; | 65 -webkit-mask-position: -64px -120px; |
| 68 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%)); | 66 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%)); |
| 69 } | 67 } |
| 70 | 68 |
| 71 .navigator-domain-tree-item .icon { | 69 .navigator-domain-tree-item .icon { |
| 72 -webkit-mask-position: -160px -144px; | 70 -webkit-mask-position: -160px -144px; |
| 73 } | 71 } |
| 74 | 72 |
| 75 .navigator-frame-tree-item .icon { | 73 .navigator-frame-tree-item .icon { |
| 76 -webkit-mask-position: -256px -144px; | 74 -webkit-mask-position: -256px -144px; |
| 75 background-color: #5a5a5a; |
| 77 } | 76 } |
| 78 | 77 |
| 79 .navigator-script-tree-item .icon { | 78 .navigator-script-tree-item .icon { |
| 80 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%)); | 79 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%)); |
| 81 } | 80 } |
| 82 | 81 |
| 83 .navigator-stylesheet-tree-item .icon { | 82 .navigator-stylesheet-tree-item .icon { |
| 84 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%)); | 83 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%)); |
| 85 } | 84 } |
| 86 | 85 |
| 87 .navigator-image-tree-item .icon, | 86 .navigator-image-tree-item .icon, |
| 88 .navigator-font-tree-item .icon { | 87 .navigator-font-tree-item .icon { |
| 89 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%)); | 88 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%)); |
| 90 } | 89 } |
| 91 | 90 |
| 92 .database-storage-tree-item .icon { | 91 .resource-tree-item .icon { |
| 93 content: url(Images/database.png); | 92 -webkit-mask: url(Images/resourceGlyphs.png) no-repeat 0 0; |
| 93 -webkit-mask-size: 140px 20px; |
| 94 background: rgba(90, 90, 90, .7); |
| 94 } | 95 } |
| 95 | 96 |
| 96 .database-table-storage-tree-item .icon { | 97 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 97 content: url(Images/databaseTable.png); | 98 .resource-tree-item .icon { |
| 99 -webkit-mask-image: url(Images/resourceGlyphs_2x.png); |
| 100 } |
| 101 } /* media */ |
| 102 |
| 103 :focus .resource-tree-item.selected .icon { |
| 104 background: white !important; |
| 98 } | 105 } |
| 99 | 106 |
| 100 .indexed-db-storage-tree-item .icon { | 107 .database-tree-item .icon { |
| 101 content: url(Images/indexedDB.png); | 108 -webkit-mask-position: -60px 0; |
| 102 } | 109 } |
| 103 | 110 |
| 104 .indexed-db-object-store-storage-tree-item .icon { | 111 .table-tree-item .icon { |
| 105 content: url(Images/indexedDBObjectStore.png); | 112 -webkit-mask-position: -80px 0; |
| 106 } | |
| 107 | |
| 108 .indexed-db-index-storage-tree-item .icon { | |
| 109 content: url(Images/indexedDBIndex.png); | |
| 110 } | |
| 111 | |
| 112 .service-worker-cache-tree-item .icon { | |
| 113 content: url(Images/indexedDBObjectStore.png); | |
| 114 } | |
| 115 | |
| 116 .service-worker-cache-storage-tree-item .icon { | |
| 117 content: url(Images/indexedDB.png); | |
| 118 } | |
| 119 | |
| 120 .service-workers-tree-item .icon { | |
| 121 content: url(Images/serviceWorker.svg); | |
| 122 } | 113 } |
| 123 | 114 |
| 124 :focus .service-workers-tree-item.selected .icon { | 115 :focus .service-workers-tree-item.selected .icon { |
| 125 -webkit-filter: invert(); | 116 -webkit-filter: invert(); |
| 126 } | 117 } |
| 127 | 118 |
| 128 .-theme-with-dark-background .service-workers-tree-item .icon, | 119 .-theme-with-dark-background .service-workers-tree-item .icon, |
| 129 { | 120 { |
| 130 -webkit-filter: invert(70%); | 121 -webkit-filter: invert(70%); |
| 131 } | 122 } |
| 132 | 123 |
| 133 .domstorage-storage-tree-item.local-storage .icon { | 124 .cookie-tree-item .icon { |
| 134 content: url(Images/localStorage.png); | 125 -webkit-mask-position: -120px 0; |
| 135 } | 126 } |
| 136 | 127 |
| 137 .domstorage-storage-tree-item.session-storage .icon { | 128 .manifest-tree-item .icon { |
| 138 content: url(Images/sessionStorage.png); | 129 -webkit-mask-position: 0 0; |
| 139 } | 130 } |
| 140 | 131 |
| 141 .cookie-storage-tree-item .icon { | 132 .service-worker-tree-item .icon { |
| 142 content: url(Images/cookie.png); | 133 -webkit-mask-position: -20px 0; |
| 143 } | 134 } |
| 144 | 135 |
| 145 .application-cache-storage-tree-item .icon { | 136 .clear-storage-tree-item .icon { |
| 146 content: url(Images/applicationCache.png); | 137 -webkit-mask-position: -40px 0; |
| 138 } |
| OLD | NEW |