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 |