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

Side by Side Diff: third_party/WebKit/Source/core/css/mediaControlsNew.css

Issue 1424733003: Paint media element's play button using padding. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: crushed pngs and moved FloatRect out of old UI path. Created 5 years, 1 month 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 /* 1 /*
2 * Copyright (C) 2009 Apple Inc. All rights reserved. 2 * Copyright (C) 2009 Apple Inc. All rights reserved.
3 * Copyright (C) 2015 Google Inc. 3 * Copyright (C) 2015 Google Inc.
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 1. Redistributions of source code must retain the above copyright 8 * 1. Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * 2. Redistributions in binary form must reproduce the above copyright 10 * 2. Redistributions in binary form must reproduce the above copyright
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after
169 } 169 }
170 170
171 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton { 171 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton {
172 -webkit-appearance: media-play-button; 172 -webkit-appearance: media-play-button;
173 display: flex; 173 display: flex;
174 flex: none; 174 flex: none;
175 border-sizing: border-box; 175 border-sizing: border-box;
176 width: 48px; 176 width: 48px;
177 height: 48px; 177 height: 48px;
178 line-height: 48px; 178 line-height: 48px;
179 padding: 12px; 179 padding: 16px;
180 background-color: initial; 180 background-color: initial;
181 color: inherit; 181 color: inherit;
182 } 182 }
183 183
184 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls- timeline-container { 184 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls- timeline-container {
185 -webkit-appearance: media-controls-background; 185 -webkit-appearance: media-controls-background;
186 display: flex; 186 display: flex;
187 flex-direction: row; 187 flex-direction: row;
188 align-items: center; 188 align-items: center;
189 justify-content: flex-end; 189 justify-content: flex-end;
(...skipping 245 matching lines...) Expand 10 before | Expand all | Expand 10 after
435 font-weight: bold; 435 font-weight: bold;
436 } 436 }
437 437
438 video::-webkit-media-text-track-container u { 438 video::-webkit-media-text-track-container u {
439 text-decoration: underline; 439 text-decoration: underline;
440 } 440 }
441 441
442 video::-webkit-media-text-track-container i { 442 video::-webkit-media-text-track-container i {
443 font-style: italic; 443 font-style: italic;
444 } 444 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698