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

Side by Side Diff: chrome/browser/resources/file_manager/css/audio_player.css

Issue 12676002: Added the reply/loop icon to the video player. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Addressed comments. Created 7 years, 9 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 | Annotate | Revision Log
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 body { 5 body {
6 -webkit-user-select: none; 6 -webkit-user-select: none;
7 overflow: hidden; 7 overflow: hidden;
8 padding: 0; 8 padding: 0;
9 } 9 }
10 10
(...skipping 232 matching lines...) Expand 10 before | Expand all | Expand 10 after
243 height: 29px; 243 height: 29px;
244 margin-top: 1px; 244 margin-top: 1px;
245 width: 29px; 245 width: 29px;
246 } 246 }
247 247
248 .audio-controls .media-button.play { 248 .audio-controls .media-button.play {
249 margin-left: -10px; 249 margin-left: -10px;
250 margin-right: -8px; 250 margin-right: -8px;
251 } 251 }
252 252
253 .audio-controls .media-button.play > .state0.normal { 253 .audio-controls .media-button.play > .default.normal,
254 .audio-controls .media-button.play > .ended.normal {
254 background-image: -webkit-image-set( 255 background-image: -webkit-image-set(
255 url('../images/media/media_play_audio.png') 1x, 256 url('../images/media/media_play_audio.png') 1x,
256 url('../images/media/2x/media_play_audio.png') 2x); 257 url('../images/media/2x/media_play_audio.png') 2x);
257 } 258 }
258 259
259 .audio-controls .media-button.play > .state0.hover { 260 .audio-controls .media-button.play > .default.hover,
261 .audio-controls .media-button.play > .ended.hover {
260 background-image: -webkit-image-set( 262 background-image: -webkit-image-set(
261 url('../images/media/media_play_audio_hover.png') 1x, 263 url('../images/media/media_play_audio_hover.png') 1x,
262 url('../images/media/2x/media_play_audio_hover.png') 2x); 264 url('../images/media/2x/media_play_audio_hover.png') 2x);
263 } 265 }
264 266
265 .audio-controls .media-button.play > .state0.active { 267 .audio-controls .media-button.play > .default.active,
268 .audio-controls .media-button.play > .ended.active {
266 background-image: -webkit-image-set( 269 background-image: -webkit-image-set(
267 url('../images/media/media_play_audio_down.png') 1x, 270 url('../images/media/media_play_audio_down.png') 1x,
268 url('../images/media/2x/media_play_audio_down.png') 2x); 271 url('../images/media/2x/media_play_audio_down.png') 2x);
269 } 272 }
270 273
271 .audio-controls .media-button.play > .state1.normal { 274 .audio-controls .media-button.play > .playing.normal {
272 background-image: -webkit-image-set( 275 background-image: -webkit-image-set(
273 url('../images/media/media_pause_audio.png') 1x, 276 url('../images/media/media_pause_audio.png') 1x,
274 url('../images/media/2x/media_pause_audio.png') 2x); 277 url('../images/media/2x/media_pause_audio.png') 2x);
275 } 278 }
276 279
277 .audio-controls .media-button.play > .state1.hover { 280 .audio-controls .media-button.play > .playing.hover {
278 background-image: -webkit-image-set( 281 background-image: -webkit-image-set(
279 url('../images/media/media_pause_audio_hover.png') 1x, 282 url('../images/media/media_pause_audio_hover.png') 1x,
280 url('../images/media/2x/media_pause_audio_hover.png') 2x); 283 url('../images/media/2x/media_pause_audio_hover.png') 2x);
281 } 284 }
282 285
283 .audio-controls .media-button.play > .state1.active { 286 .audio-controls .media-button.play > .playing.active {
284 background-image: -webkit-image-set( 287 background-image: -webkit-image-set(
285 url('../images/media/media_pause_audio_down.png') 1x, 288 url('../images/media/media_pause_audio_down.png') 1x,
286 url('../images/media/2x/media_pause_audio_down.png') 2x); 289 url('../images/media/2x/media_pause_audio_down.png') 2x);
287 } 290 }
288 291
289 .audio-controls .time-controls { 292 .audio-controls .time-controls {
290 margin-left: 10px; 293 margin-left: 10px;
291 margin-right: 9px; 294 margin-right: 9px;
292 } 295 }
293 296
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
392 inset -1px -1px 0 rgba(0, 0, 0, 0.07); 395 inset -1px -1px 0 rgba(0, 0, 0, 0.07);
393 background-color: rgba(0, 0, 0, 0.05); 396 background-color: rgba(0, 0, 0, 0.05);
394 } 397 }
395 398
396 ::-webkit-scrollbar-track:vertical { 399 ::-webkit-scrollbar-track:vertical {
397 background-clip: padding-box; 400 background-clip: padding-box;
398 background-color: transparent; 401 background-color: transparent;
399 border-left: 5px solid transparent; 402 border-left: 5px solid transparent;
400 border-right: 0 solid transparent; 403 border-right: 0 solid transparent;
401 } 404 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698