| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 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 .service-workers-view { | 7 .service-workers-view { |
| 8 overflow: auto; | 8 overflow: auto; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 155 } | 155 } |
| 156 | 156 |
| 157 .service-workers-version-script-url { | 157 .service-workers-version-script-url { |
| 158 border-left: 1px solid #e1e1e1; | 158 border-left: 1px solid #e1e1e1; |
| 159 display: block; | 159 display: block; |
| 160 flex: 3 3 0; | 160 flex: 3 3 0; |
| 161 overflow: hidden; | 161 overflow: hidden; |
| 162 text-overflow: ellipsis; | 162 text-overflow: ellipsis; |
| 163 } | 163 } |
| 164 | 164 |
| 165 .service-workers-start-button { | |
| 166 -webkit-mask-position: -64px -48px; | |
| 167 } | |
| 168 | |
| 169 .service-workers-stop-button { | |
| 170 -webkit-mask-position: -96px -48px; | |
| 171 } | |
| 172 | |
| 173 .service-workers-delete-button { | |
| 174 -webkit-mask-position: -128px -24px; | |
| 175 position: absolute; | |
| 176 top: 50%; | |
| 177 transform: translate(0, -50%); | |
| 178 } | |
| 179 | |
| 180 .service-workers-button { | 165 .service-workers-button { |
| 181 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); | 166 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
| 182 -webkit-mask-size: 320px 144px; | 167 -webkit-mask-size: 320px 144px; |
| 183 background-color: rgba(0, 0, 0, 0.75); | 168 background-color: rgba(0, 0, 0, 0.75); |
| 184 height: 24px; | 169 height: 24px; |
| 185 opacity: 0.8; | 170 opacity: 0.8; |
| 186 width: 32px; | 171 width: 32px; |
| 187 border: 0; | 172 border: 0; |
| 188 padding: 0; | 173 padding: 0; |
| 189 } | 174 } |
| 190 | 175 |
| 191 @media (-webkit-min-device-pixel-ratio: 1.5) { | 176 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 192 .service-workers-button { | 177 .service-workers-button { |
| 193 -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png); | 178 -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png); |
| 194 } | 179 } |
| 195 } /* media */ | 180 } /* media */ |
| 196 | 181 |
| 197 .service-workers-button:hover { | 182 .service-workers-button:hover { |
| 198 opacity: 1; | 183 opacity: 1; |
| 199 } | 184 } |
| 200 | 185 |
| 201 .service-workers-button:active { | 186 .service-workers-button:active { |
| 202 opacity: 0.8; | 187 opacity: 0.8; |
| 203 } | 188 } |
| 204 | 189 |
| 190 .service-workers-button:disabled { |
| 191 opacity: 0.5; |
| 192 } |
| 193 |
| 194 .service-workers-start-button { |
| 195 -webkit-mask-position: -64px -48px; |
| 196 } |
| 197 |
| 198 .service-workers-stop-button { |
| 199 -webkit-mask-position: -96px -48px; |
| 200 } |
| 201 |
| 202 .service-workers-delete-button { |
| 203 -webkit-mask-position: -128px -24px; |
| 204 } |
| 205 |
| 206 .service-workers-push-button { |
| 207 -webkit-mask-image: url(Images/notifications.svg); |
| 208 -webkit-mask-position: 7px 3px; |
| 209 -webkit-mask-repeat: no-repeat; |
| 210 -webkit-mask-size: 18px 18px; |
| 211 } |
| 212 |
| 205 .service-workers-error { | 213 .service-workers-error { |
| 206 display: flex; | 214 display: flex; |
| 207 } | 215 } |
| 208 | 216 |
| 209 .service-workers-error-message { | 217 .service-workers-error-message { |
| 210 font-weight: bold; | 218 font-weight: bold; |
| 211 } | 219 } |
| 212 | 220 |
| 213 .service-workers-info { | 221 .service-workers-info { |
| 214 display: flex; | 222 display: flex; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 246 background-color: #996600; | 254 background-color: #996600; |
| 247 } | 255 } |
| 248 | 256 |
| 249 .service-workers-color-8 { | 257 .service-workers-color-8 { |
| 250 background-color: #9900CC; | 258 background-color: #9900CC; |
| 251 } | 259 } |
| 252 | 260 |
| 253 .service-workers-color-9 { | 261 .service-workers-color-9 { |
| 254 background-color: #336600; | 262 background-color: #336600; |
| 255 } | 263 } |
| OLD | NEW |