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; |
11 height: 32px; | 11 height: 32px; |
12 position: relative; | 12 position: relative; |
13 width: 32px; | 13 width: 32px; |
14 } | 14 } |
15 | 15 |
16 .media-button:hover { | |
17 background-color: rgba(153, 153, 153, 0.2); | |
18 } | |
19 | |
20 .media-button:active { | |
21 background-color: rgba(153, 153, 153, 0.4); | |
22 } | |
23 | |
24 .media-button.disabled { | 16 .media-button.disabled { |
25 background-color: transparent; | 17 background-color: transparent; |
26 opacity: 0.26; | 18 opacity: 0.26; |
27 } | 19 } |
28 | 20 |
29 .media-button.disabled, | 21 .media-button.disabled, |
30 paper-slider[disabled], | 22 paper-slider[disabled], |
31 paper-slider.readonly { | 23 paper-slider.readonly { |
32 pointer-events: none; | 24 pointer-events: none; |
33 } | 25 } |
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
156 | 148 |
157 /* Fullscreen button. */ | 149 /* Fullscreen button. */ |
158 /* There is no final decision whether we need a separate icon when toggled. */ | 150 /* There is no final decision whether we need a separate icon when toggled. */ |
159 | 151 |
160 .media-button.fullscreen { | 152 .media-button.fullscreen { |
161 background-image: -webkit-image-set( | 153 background-image: -webkit-image-set( |
162 url(../images/media/media_fullscreen.png) 1x, | 154 url(../images/media/media_fullscreen.png) 1x, |
163 url(../images/media/2x/media_fullscreen.png) 2x); | 155 url(../images/media/2x/media_fullscreen.png) 2x); |
164 } | 156 } |
165 | 157 |
166 #video-player[fullscreen] .media-button.fullscreen { | 158 #controls[fullscreen] .media-button.fullscreen { |
167 background-image: -webkit-image-set( | 159 background-image: -webkit-image-set( |
168 url(../images/media/media_fullscreen_exit.png) 1x, | 160 url(../images/media/media_fullscreen_exit.png) 1x, |
169 url(../images/media/2x/media_fullscreen_exit.png) 2x); | 161 url(../images/media/2x/media_fullscreen_exit.png) 2x); |
170 } | 162 } |
171 | 163 |
172 .playback-state-icon { | 164 .playback-state-icon { |
173 -webkit-animation: none; | 165 -webkit-animation: none; |
174 background-position: center center; | 166 background-position: center center; |
175 background-repeat: no-repeat; | 167 background-repeat: no-repeat; |
176 display: none; | 168 display: none; |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
249 url(../images/media/media_play_onscreen.png) 1x, | 241 url(../images/media/media_play_onscreen.png) 1x, |
250 url(../images/media/2x/media_play_onscreen.png) 2x); | 242 url(../images/media/2x/media_play_onscreen.png) 2x); |
251 } | 243 } |
252 | 244 |
253 .playback-state-icon[state='pause'] { | 245 .playback-state-icon[state='pause'] { |
254 -webkit-animation: blowup 500ms; | 246 -webkit-animation: blowup 500ms; |
255 background-image: -webkit-image-set( | 247 background-image: -webkit-image-set( |
256 url(../images/media/media_pause_onscreen.png) 1x, | 248 url(../images/media/media_pause_onscreen.png) 1x, |
257 url(../images/media/2x/media_pause_onscreen.png) 2x); | 249 url(../images/media/2x/media_pause_onscreen.png) 2x); |
258 } | 250 } |
OLD | NEW |