| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /* Common styles for media buttons. */ | 5 /* Common styles for media buttons. */ |
| 6 | 6 |
| 7 .media-button { | 7 .media-button { |
| 8 background-position: center; | 8 background-position: center; |
| 9 background-repeat: no-repeat; | 9 background-repeat: no-repeat; |
| 10 flex: none; | 10 flex: none; |
| (...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 233 | 233 |
| 234 .playback-state-icon[state] { | 234 .playback-state-icon[state] { |
| 235 display: block; | 235 display: block; |
| 236 } | 236 } |
| 237 | 237 |
| 238 @-webkit-keyframes blowup { | 238 @-webkit-keyframes blowup { |
| 239 from { | 239 from { |
| 240 opacity: 1; | 240 opacity: 1; |
| 241 } | 241 } |
| 242 to { | 242 to { |
| 243 -webkit-transform: scale(3); | 243 transform: scale(3); |
| 244 opacity: 0; | 244 opacity: 0; |
| 245 } | 245 } |
| 246 } | 246 } |
| 247 | 247 |
| 248 @-webkit-keyframes text-banner-blowup { | 248 @-webkit-keyframes text-banner-blowup { |
| 249 from { | 249 from { |
| 250 -webkit-transform: scale(0.5); | 250 transform: scale(0.5); |
| 251 opacity: 0; | 251 opacity: 0; |
| 252 } | 252 } |
| 253 20% { | 253 20% { |
| 254 -webkit-transform: scale(1); | 254 transform: scale(1); |
| 255 opacity: 0.75; | 255 opacity: 0.75; |
| 256 } | 256 } |
| 257 80% { | 257 80% { |
| 258 -webkit-transform: scale(1); | 258 transform: scale(1); |
| 259 opacity: 0.75; | 259 opacity: 0.75; |
| 260 } | 260 } |
| 261 to { | 261 to { |
| 262 -webkit-transform: scale(3); | 262 transform: scale(3); |
| 263 opacity: 0; | 263 opacity: 0; |
| 264 } | 264 } |
| 265 } | 265 } |
| 266 | 266 |
| 267 .playback-state-icon[state='play'] { | 267 .playback-state-icon[state='play'] { |
| 268 -webkit-animation: blowup 500ms; | 268 -webkit-animation: blowup 500ms; |
| 269 background-image: -webkit-image-set( | 269 background-image: -webkit-image-set( |
| 270 url(../images/media/media_play_onscreen.png) 1x, | 270 url(../images/media/media_play_onscreen.png) 1x, |
| 271 url(../images/media/2x/media_play_onscreen.png) 2x); | 271 url(../images/media/2x/media_play_onscreen.png) 2x); |
| 272 } | 272 } |
| 273 | 273 |
| 274 .playback-state-icon[state='pause'] { | 274 .playback-state-icon[state='pause'] { |
| 275 -webkit-animation: blowup 500ms; | 275 -webkit-animation: blowup 500ms; |
| 276 background-image: -webkit-image-set( | 276 background-image: -webkit-image-set( |
| 277 url(../images/media/media_pause_onscreen.png) 1x, | 277 url(../images/media/media_pause_onscreen.png) 1x, |
| 278 url(../images/media/2x/media_pause_onscreen.png) 2x); | 278 url(../images/media/2x/media_pause_onscreen.png) 2x); |
| 279 } | 279 } |
| OLD | NEW |