| 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 113 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 background: rgb(250, 250, 250); | 124 background: rgb(250, 250, 250); |
| 125 display: flex; | 125 display: flex; |
| 126 font-size: 13px; | 126 font-size: 13px; |
| 127 height: 32px; | 127 height: 32px; |
| 128 padding: 8px; | 128 padding: 8px; |
| 129 pointer-events: auto; | 129 pointer-events: auto; |
| 130 } | 130 } |
| 131 | 131 |
| 132 /* Cast button. */ | 132 /* Cast button. */ |
| 133 | 133 |
| 134 .media-button.cast { | 134 .media-button.cast, |
| 135 .media-button.cast-button { |
| 135 background-image: -webkit-image-set( | 136 background-image: -webkit-image-set( |
| 136 url(../images/media/media_chromecast.png) 1x, | 137 url(../images/media/media_chromecast.png) 1x, |
| 137 url(../images/media/2x/media_chromecast.png) 2x); | 138 url(../images/media/2x/media_chromecast.png) 2x); |
| 138 display: none; | 139 display: none; |
| 139 border-radius: 2px; | 140 border-radius: 2px; |
| 140 } | 141 } |
| 141 | 142 |
| 142 /* Reset browser's button style. */ | 143 /* Reset browser's button style. */ |
| 143 .media-button.cast { | 144 .media-button.cast { |
| 144 background-color: transparent; | 145 background-color: transparent; |
| 145 border: none; | 146 border: none; |
| 146 cursor: pointer; | 147 cursor: pointer; |
| 147 outline: none; | 148 outline: none; |
| 148 } | 149 } |
| 149 | 150 |
| 150 #video-player[cast-available][castable] .media-button.cast { | 151 #video-player[cast-available][castable] .media-button.cast, |
| 152 #video-player[mr-cast-available][castable] .media-button.cast-button { |
| 151 display: block; | 153 display: block; |
| 152 } | 154 } |
| 153 | 155 |
| 154 #video-player[casting] .media-button.cast { | 156 #video-player[casting] .media-button.cast, |
| 157 #video-player[casting] .media-button.cast-button { |
| 155 background-image: -webkit-image-set( | 158 background-image: -webkit-image-set( |
| 156 url(../images/media/media_chromecast_casting.png) 1x, | 159 url(../images/media/media_chromecast_casting.png) 1x, |
| 157 url(../images/media/2x/media_chromecast_casting.png) 2x); | 160 url(../images/media/2x/media_chromecast_casting.png) 2x); |
| 158 } | 161 } |
| 159 | 162 |
| 160 .media-button.cast:focus:not(.using-mouse) { | 163 .media-button.cast:focus:not(.using-mouse) { |
| 161 box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.5); | 164 box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.5); |
| 162 } | 165 } |
| 163 | 166 |
| 164 /* Fullscreen button. */ | 167 /* Fullscreen button. */ |
| (...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 270 url(../images/media/media_play_onscreen.png) 1x, | 273 url(../images/media/media_play_onscreen.png) 1x, |
| 271 url(../images/media/2x/media_play_onscreen.png) 2x); | 274 url(../images/media/2x/media_play_onscreen.png) 2x); |
| 272 } | 275 } |
| 273 | 276 |
| 274 .playback-state-icon[state='pause'] { | 277 .playback-state-icon[state='pause'] { |
| 275 -webkit-animation: blowup 500ms; | 278 -webkit-animation: blowup 500ms; |
| 276 background-image: -webkit-image-set( | 279 background-image: -webkit-image-set( |
| 277 url(../images/media/media_pause_onscreen.png) 1x, | 280 url(../images/media/media_pause_onscreen.png) 1x, |
| 278 url(../images/media/2x/media_pause_onscreen.png) 2x); | 281 url(../images/media/2x/media_pause_onscreen.png) 2x); |
| 279 } | 282 } |
| OLD | NEW |