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

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: Tidy up button name Created 6 years, 4 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 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
142 margin-left: -40px; 142 margin-left: -40px;
143 margin-top: -40px; 143 margin-top: -40px;
144 border: none; 144 border: none;
145 box-sizing: border-box; 145 box-sizing: border-box;
146 background-color: transparent; 146 background-color: transparent;
147 width: 80px; 147 width: 80px;
148 height: 80px; 148 height: 80px;
149 padding: 0; 149 padding: 0;
150 } 150 }
151 151
152 video::-webkit-media-controls-overlay-cast-button {
153 -webkit-appearance: media-overlay-cast-off-button;
154 display: flex;
155 position: absolute;
156 top: 5%;
157 left: 5%;
158 margin-left: 0px;
159 margin-top: 0px;
160 border: none;
161 box-sizing: border-box;
162 background-color: rgba(0,0,0,0.5);
163 width: 30px;
164 height: 30px;
165 padding: 0;
166 }
167
152 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton { 168 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton {
153 -webkit-appearance: media-play-button; 169 -webkit-appearance: media-play-button;
154 display: flex; 170 display: flex;
155 flex: none; 171 flex: none;
156 border: none; 172 border: none;
157 box-sizing: border-box; 173 box-sizing: border-box;
158 width: 30px; 174 width: 30px;
159 height: 30px; 175 height: 30px;
160 line-height: 30px; 176 line-height: 30px;
161 margin-left: 9px; 177 margin-left: 9px;
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
270 width: 30px; 286 width: 30px;
271 height: 30px; 287 height: 30px;
272 line-height: 30px; 288 line-height: 30px;
273 margin-left: -5px; 289 margin-left: -5px;
274 margin-right: 9px; 290 margin-right: 9px;
275 padding: 0; 291 padding: 0;
276 background-color: initial; 292 background-color: initial;
277 color: inherit; 293 color: inherit;
278 } 294 }
279 295
296 audio::-webkit-media-controls-cast-button, video::-webkit-media-controls-cast-bu tton {
297 -webkit-appearance: media-cast-off-button;
298 display: flex;
299 flex: none;
300 border: none;
301 box-sizing: border-box;
302 width: 30px;
303 height: 30px;
304 line-height: 30px;
305 margin-left: -5px;
306 margin-right: 9px;
307 padding: 0;
308 background-color: initial;
309 color: inherit;
310 }
311
280 audio::-webkit-media-controls-toggle-closed-captions-button { 312 audio::-webkit-media-controls-toggle-closed-captions-button {
281 display: none; 313 display: none;
282 } 314 }
283 315
284 video::-webkit-media-controls-toggle-closed-captions-button { 316 video::-webkit-media-controls-toggle-closed-captions-button {
285 -webkit-appearance: media-toggle-closed-captions-button; 317 -webkit-appearance: media-toggle-closed-captions-button;
286 display: flex; 318 display: flex;
287 flex: none; 319 flex: none;
288 border: none; 320 border: none;
289 box-sizing: border-box; 321 box-sizing: border-box;
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
378 font-weight: bold; 410 font-weight: bold;
379 } 411 }
380 412
381 video::-webkit-media-text-track-container u { 413 video::-webkit-media-text-track-container u {
382 text-decoration: underline; 414 text-decoration: underline;
383 } 415 }
384 416
385 video::-webkit-media-text-track-container i { 417 video::-webkit-media-text-track-container i {
386 font-style: italic; 418 font-style: italic;
387 } 419 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698