Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(390)

Side by Side Diff: ui/file_manager/video_player/css/media_controls.css

Issue 1987173002: Video Player: Support Media Router to cast Drive videos. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address review comments. Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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 }
OLDNEW
« no previous file with comments | « ui/file_manager/externs/chrome_cast.js ('k') | ui/file_manager/video_player/js/cast/cast_extension_discoverer.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698