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

Side by Side Diff: Source/core/css/mediaControls.css

Issue 291163004: Implement media cast buttons (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase to fix merge problem with TestExpectations Created 6 years, 3 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 /* 1 /*
2 * Copyright (C) 2009 Apple Inc. All rights reserved. 2 * Copyright (C) 2009 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Google Inc. 3 * Copyright (C) 2009 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 133 matching lines...) Expand 10 before | Expand all | Expand 10 after
144 margin-left: -40px; 144 margin-left: -40px;
145 margin-top: -40px; 145 margin-top: -40px;
146 border: none; 146 border: none;
147 box-sizing: border-box; 147 box-sizing: border-box;
148 background-color: transparent; 148 background-color: transparent;
149 width: 80px; 149 width: 80px;
150 height: 80px; 150 height: 80px;
151 padding: 0; 151 padding: 0;
152 } 152 }
153 153
154 video::-internal-media-controls-overlay-cast-button {
155 -webkit-appearance: -internal-media-overlay-cast-off-button;
156 display: flex;
157 position: absolute;
158 top: 5%;
159 left: 5%;
160 margin-left: 0px;
161 margin-top: 0px;
162 border: none;
163 box-sizing: border-box;
164 background-color: rgba(0,0,0,0.5);
165 width: 30px;
166 height: 30px;
167 padding: 0;
168 }
169
154 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton { 170 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton {
155 -webkit-appearance: media-play-button; 171 -webkit-appearance: media-play-button;
156 display: flex; 172 display: flex;
157 flex: none; 173 flex: none;
158 border: none; 174 border: none;
159 box-sizing: border-box; 175 box-sizing: border-box;
160 width: 30px; 176 width: 30px;
161 height: 30px; 177 height: 30px;
162 line-height: 30px; 178 line-height: 30px;
163 margin-left: 9px; 179 margin-left: 9px;
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
272 width: 30px; 288 width: 30px;
273 height: 30px; 289 height: 30px;
274 line-height: 30px; 290 line-height: 30px;
275 margin-left: -5px; 291 margin-left: -5px;
276 margin-right: 9px; 292 margin-right: 9px;
277 padding: 0; 293 padding: 0;
278 background-color: initial; 294 background-color: initial;
279 color: inherit; 295 color: inherit;
280 } 296 }
281 297
298 audio::-internal-media-controls-cast-button, video::-internal-media-controls-cas t-button {
299 -webkit-appearance: -internal-media-cast-off-button;
300 display: flex;
301 flex: none;
302 border: none;
303 box-sizing: border-box;
304 width: 30px;
305 height: 30px;
306 line-height: 30px;
307 margin-left: -5px;
308 margin-right: 9px;
309 padding: 0;
310 background-color: initial;
311 color: inherit;
312 }
313
282 audio::-webkit-media-controls-toggle-closed-captions-button { 314 audio::-webkit-media-controls-toggle-closed-captions-button {
283 display: none; 315 display: none;
284 } 316 }
285 317
286 video::-webkit-media-controls-toggle-closed-captions-button { 318 video::-webkit-media-controls-toggle-closed-captions-button {
287 -webkit-appearance: media-toggle-closed-captions-button; 319 -webkit-appearance: media-toggle-closed-captions-button;
288 display: flex; 320 display: flex;
289 flex: none; 321 flex: none;
290 border: none; 322 border: none;
291 box-sizing: border-box; 323 box-sizing: border-box;
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
380 font-weight: bold; 412 font-weight: bold;
381 } 413 }
382 414
383 video::-webkit-media-text-track-container u { 415 video::-webkit-media-text-track-container u {
384 text-decoration: underline; 416 text-decoration: underline;
385 } 417 }
386 418
387 video::-webkit-media-text-track-container i { 419 video::-webkit-media-text-track-container i {
388 font-style: italic; 420 font-style: italic;
389 } 421 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698