| 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 146 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 157 | 157 |
| 158 /* Fullscreen button. */ | 158 /* Fullscreen button. */ |
| 159 /* There is no final decision whether we need a separate icon when toggled. */ | 159 /* There is no final decision whether we need a separate icon when toggled. */ |
| 160 | 160 |
| 161 .media-button.fullscreen { | 161 .media-button.fullscreen { |
| 162 background-image: -webkit-image-set( | 162 background-image: -webkit-image-set( |
| 163 url(../images/media/media_fullscreen.png) 1x, | 163 url(../images/media/media_fullscreen.png) 1x, |
| 164 url(../images/media/2x/media_fullscreen.png) 2x); | 164 url(../images/media/2x/media_fullscreen.png) 2x); |
| 165 } | 165 } |
| 166 | 166 |
| 167 #video-player[fullscreen] .media-button.fullscreen { |
| 168 background-image: -webkit-image-set( |
| 169 url(../images/media/media_fullscreen_exit.png) 1x, |
| 170 url(../images/media/2x/media_fullscreen_exit.png) 2x); |
| 171 } |
| 172 |
| 167 .playback-state-icon { | 173 .playback-state-icon { |
| 168 -webkit-animation: none; | 174 -webkit-animation: none; |
| 169 background-position: center center; | 175 background-position: center center; |
| 170 background-repeat: no-repeat; | 176 background-repeat: no-repeat; |
| 171 display: none; | 177 display: none; |
| 172 height: 32px; | 178 height: 32px; |
| 173 left: 50%; | 179 left: 50%; |
| 174 margin-left: -16px; | 180 margin-left: -16px; |
| 175 margin-top: -16px; | 181 margin-top: -16px; |
| 176 opacity: 0; | 182 opacity: 0; |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 244 url(../images/media/media_play_onscreen.png) 1x, | 250 url(../images/media/media_play_onscreen.png) 1x, |
| 245 url(../images/media/2x/media_play_onscreen.png) 2x); | 251 url(../images/media/2x/media_play_onscreen.png) 2x); |
| 246 } | 252 } |
| 247 | 253 |
| 248 .playback-state-icon[state='pause'] { | 254 .playback-state-icon[state='pause'] { |
| 249 -webkit-animation: blowup 500ms; | 255 -webkit-animation: blowup 500ms; |
| 250 background-image: -webkit-image-set( | 256 background-image: -webkit-image-set( |
| 251 url(../images/media/media_pause_onscreen.png) 1x, | 257 url(../images/media/media_pause_onscreen.png) 1x, |
| 252 url(../images/media/2x/media_pause_onscreen.png) 2x); | 258 url(../images/media/2x/media_pause_onscreen.png) 2x); |
| 253 } | 259 } |
| OLD | NEW |