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 |