OLD | NEW |
---|---|
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 127 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
138 top: 0; | 138 top: 0; |
139 left: 0; | 139 left: 0; |
140 margin: 0; | 140 margin: 0; |
141 border-width: 0px; | 141 border-width: 0px; |
142 background-color: transparent; | 142 background-color: transparent; |
143 width: 100%; | 143 width: 100%; |
144 height: 100%; | 144 height: 100%; |
145 padding: 0; | 145 padding: 0; |
146 } | 146 } |
147 | 147 |
148 video::-internal-media-remoting-interstitial { | |
mlamouri (slow - plz ping)
2017/04/07 13:18:32
FWIW, this is not part of media controls. Let's ig
xjz
2017/04/07 23:07:01
Done. Added TODO for now. Will do in a separate CL
| |
149 width: inherit; | |
150 height: inherit; | |
151 position: relative; | |
152 direction: ltr; | |
153 display: flex; | |
154 flex-direction: column; | |
155 font-family: Segoe, "Helvetica Neue", Roboto, Arial, Helvetica, sans-serif; | |
156 justify-content: flex-end; | |
157 align-items: center; | |
158 font-size: 28px; | |
159 background-color: black; | |
160 transition: opacity 0.2s cubic-bezier (0.4, 0.0, 0.2, 1); | |
161 } | |
162 | |
163 video::-internal-media-remoting-background-image { | |
164 -webkit-appearance: media-remoting-background-image; | |
165 display: flex; | |
166 position: absolute; | |
167 margin: 0; | |
168 top: 0px; | |
169 left: 0px; | |
170 width: 100%; | |
171 height: 100%; | |
172 border: none; | |
173 border-width: 0px; | |
174 background-color: transparent; | |
175 padding: 0; | |
176 filter: grayscale(100%) blur(5px); | |
177 } | |
178 | |
179 video::-internal-media-remoting-interstitial-elements { | |
180 -webkit-appearance: media-remoting-interstitial-elements; | |
181 display: flex; | |
182 position: absolute; | |
183 margin: 0; | |
184 top: 0px; | |
185 left: 0px; | |
186 border: none; | |
187 border-width: 0px; | |
188 background-color: transparent; | |
189 width: 100%; | |
190 height: 100%; | |
191 padding: 0; | |
192 } | |
193 | |
194 video::-internal-media-remoting-cast-icon { | |
195 -webkit-appearance: media-remoting-cast-icon; | |
196 display: flex; | |
197 position: absolute; | |
198 margin: 0; | |
199 top: 20px; | |
200 left: 20px; | |
201 border-width: 0px; | |
202 background-color: transparent; | |
203 height: 72px; | |
204 width: 88px; | |
205 padding: 0; | |
206 } | |
207 | |
208 video::-internal-media-remoting-disable-button { | |
209 -webkit-appearance: media-remoting-disable-button; | |
210 display: flex; | |
211 position: absolute; | |
212 border: 2px solid rgba(255,255,255,.54); | |
213 margin: 0; | |
214 top: calc(50% - 16px); | |
215 left: calc(50% - 44px); | |
216 width: 88px; | |
217 height: 32px; | |
218 background-color: transparent; | |
219 color: LightGray; | |
220 text-align: center; | |
221 padding: 0; | |
222 text-wrap: none; | |
223 font-size: 11px; | |
224 font-family: Arial, Sans-serif, Segoe, Serif, Roboto, Helvetica; | |
225 } | |
226 | |
148 video::-internal-media-controls-overlay-cast-button { | 227 video::-internal-media-controls-overlay-cast-button { |
149 -webkit-appearance: -internal-media-overlay-cast-off-button; | 228 -webkit-appearance: -internal-media-overlay-cast-off-button; |
150 display: flex; | 229 display: flex; |
151 position: absolute; | 230 position: absolute; |
152 top: 8px; | 231 top: 8px; |
153 left: 8px; | 232 left: 8px; |
154 margin-left: 0px; | 233 margin-left: 0px; |
155 margin-top: 0px; | 234 margin-top: 0px; |
156 border-width: 0px; | 235 border-width: 0px; |
157 background-color: transparent; | 236 background-color: transparent; |
(...skipping 356 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
514 font-weight: bold; | 593 font-weight: bold; |
515 } | 594 } |
516 | 595 |
517 video::cue(u) { | 596 video::cue(u) { |
518 text-decoration: underline; | 597 text-decoration: underline; |
519 } | 598 } |
520 | 599 |
521 video::cue(i) { | 600 video::cue(i) { |
522 font-style: italic; | 601 font-style: italic; |
523 } | 602 } |
OLD | NEW |