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

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

Issue 254633002: Start using the mediaControlsOverlayPlayButtonEnabled setting (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 8 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
« no previous file with comments | « no previous file | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 box-sizing: border-box; 108 box-sizing: border-box;
109 width: 35px; 109 width: 35px;
110 height: 30px; 110 height: 30px;
111 line-height: 30px; 111 line-height: 30px;
112 margin: 0 6px 0 0; 112 margin: 0 6px 0 0;
113 padding: 0; 113 padding: 0;
114 background-color: initial; 114 background-color: initial;
115 color: inherit; 115 color: inherit;
116 } 116 }
117 117
118 audio::-webkit-media-controls-overlay-enclosure, video::-webkit-media-controls-o verlay-enclosure { 118 audio::-webkit-media-controls-overlay-enclosure {
119 display: none; 119 display: none;
120 } 120 }
121 121
122 video::-webkit-media-controls-overlay-enclosure {
123 display: flex;
124 position: relative;
125 flex-direction: column;
126 justify-content: flex-end;
127 align-items: center;
128 flex: 1 1;
129 width: 100%;
130 max-width: 800px;
131 text-indent: 0;
132 box-sizing: border-box;
133 overflow: hidden;
134 }
135
136 video::-webkit-media-controls-overlay-play-button {
137 -webkit-appearance: media-overlay-play-button;
138 display: flex;
139 position: absolute;
140 top: 50%;
141 left: 50%;
142 margin-left: -40px;
143 margin-top: -40px;
144 border: none;
145 box-sizing: border-box;
146 background-color: transparent;
147 width: 80px;
148 height: 80px;
149 padding: 0;
150 }
151
122 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton { 152 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu tton {
123 -webkit-appearance: media-play-button; 153 -webkit-appearance: media-play-button;
124 display: flex; 154 display: flex;
125 flex: none; 155 flex: none;
126 border: none; 156 border: none;
127 box-sizing: border-box; 157 box-sizing: border-box;
128 width: 30px; 158 width: 30px;
129 height: 30px; 159 height: 30px;
130 line-height: 30px; 160 line-height: 30px;
131 margin-left: 9px; 161 margin-left: 9px;
(...skipping 216 matching lines...) Expand 10 before | Expand all | Expand 10 after
348 font-weight: bold; 378 font-weight: bold;
349 } 379 }
350 380
351 video::-webkit-media-text-track-container u { 381 video::-webkit-media-text-track-container u {
352 text-decoration: underline; 382 text-decoration: underline;
353 } 383 }
354 384
355 video::-webkit-media-text-track-container i { 385 video::-webkit-media-text-track-container i {
356 font-style: italic; 386 font-style: italic;
357 } 387 }
OLDNEW
« no previous file with comments | « no previous file | Source/core/css/mediaControlsAndroid.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698