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 /* TODO(xjz): Move media remoting elements to a separate css file. */ | |
149 video::-internal-media-remoting-interstitial { | |
150 width: inherit; | |
151 height: inherit; | |
152 position: relative; | |
153 direction: ltr; | |
154 display: flex; | |
155 flex-direction: column; | |
156 font-family: Segoe, "Helvetica Neue", Roboto, Arial, Helvetica, sans-serif; | |
157 justify-content: flex-end; | |
158 align-items: center; | |
159 font-size: 28px; | |
160 background-color: black; | |
161 -webkit-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); | |
162 -moz-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); | |
163 -o-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); | |
164 transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); | |
mlamouri (slow - plz ping)
2017/04/13 17:20:51
Sorry for the late comment: can you remove all the
xjz
2017/04/13 19:12:11
Done.
| |
165 } | |
166 | |
167 video::-internal-media-remoting-background-image { | |
168 display: flex; | |
169 position: absolute; | |
170 margin: 0; | |
171 top: 0px; | |
172 left: 0px; | |
173 width: 100%; | |
174 height: 100%; | |
175 border: none; | |
176 border-width: 0px; | |
177 background-color: transparent; | |
178 padding: 0; | |
179 filter: grayscale(100%) blur(5px); | |
180 } | |
181 | |
182 video::-internal-media-remoting-cast-icon { | |
183 -webkit-appearance: -internal-media-remoting-cast-icon; | |
184 display: flex; | |
185 position: absolute; | |
186 margin: 0px; | |
187 border-width: 0px; | |
188 background-color: transparent; | |
189 height: 36px; | |
190 width: 44px; | |
191 padding: 0px; | |
192 left: calc(50% - 22px); | |
193 top: calc(50% - 60px); | |
194 } | |
195 | |
196 video::-internal-media-remoting-cast-text-message { | |
197 display: inline; | |
198 position: absolute; | |
199 top: calc(50% - 10px); | |
200 border: none; | |
201 color: #FFFFFF; | |
202 opacity: 54% | |
203 width: 100%; | |
204 text-wrap: none; | |
205 text-align: center; | |
206 background-color: transparent; | |
207 font-size: 13pt; | |
208 font-face: Roboto-Regular, Sans-serif, Segoe, Serif, Helvetica; | |
209 padding: 0px; | |
210 margin: 0px; | |
211 } | |
212 | |
213 video::-internal-media-remoting-disable-button { | |
214 display: flex; | |
215 position: absolute; | |
216 top: calc(50% + 55pt); | |
217 left: calc(50% - 102px); | |
218 height: 28pt; | |
219 border: 2pt solid rgba(255,255,255,.54); | |
220 border-radius: 2pt; | |
221 background-color: transparent; | |
222 color: #FFFFFF; | |
223 margin: 0px; | |
224 padding: 8pt 16pt 0pt 16pt; | |
225 text-wrap: none; | |
226 font-size: 13pt; | |
227 font-face: Roboto-Medium, Sans-serif, Segoe, Serif, Helvetica; | |
228 opacity: 54% | |
229 -webkit-transition: border .5s ease-out; | |
230 -moz-transition: border .5s ease-out; | |
231 -o-transition: border .5s ease-out; | |
232 transition: border .5s ease-out; | |
mlamouri (slow - plz ping)
2017/04/13 17:20:51
ditto
xjz
2017/04/13 19:12:11
Done.
| |
233 } | |
234 | |
235 video::-internal-media-remoting-disable-button:hover, | |
236 video::-internal-media-remoting-cast-icon:hover { | |
mlamouri (slow - plz ping)
2017/04/13 17:20:51
Tried locally: these do not seem to work.
xjz
2017/04/13 19:12:11
Removed. The hover effect only works when remoting
| |
237 opacity: 70%; | |
238 } | |
239 | |
148 video::-internal-media-controls-overlay-cast-button { | 240 video::-internal-media-controls-overlay-cast-button { |
149 -webkit-appearance: -internal-media-overlay-cast-off-button; | 241 -webkit-appearance: -internal-media-overlay-cast-off-button; |
150 display: flex; | 242 display: flex; |
151 position: absolute; | 243 position: absolute; |
152 top: 8px; | 244 top: 8px; |
153 left: 8px; | 245 left: 8px; |
154 margin-left: 0px; | 246 margin-left: 0px; |
155 margin-top: 0px; | 247 margin-top: 0px; |
156 border-width: 0px; | 248 border-width: 0px; |
157 background-color: transparent; | 249 background-color: transparent; |
(...skipping 356 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
514 font-weight: bold; | 606 font-weight: bold; |
515 } | 607 } |
516 | 608 |
517 video::cue(u) { | 609 video::cue(u) { |
518 text-decoration: underline; | 610 text-decoration: underline; |
519 } | 611 } |
520 | 612 |
521 video::cue(i) { | 613 video::cue(i) { |
522 font-style: italic; | 614 font-style: italic; |
523 } | 615 } |
OLD | NEW |