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 transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); |
| 162 } |
| 163 |
| 164 video::-internal-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-cast-icon { |
| 180 -webkit-appearance: -internal-media-remoting-cast-icon; |
| 181 display: flex; |
| 182 position: absolute; |
| 183 margin: 0px; |
| 184 border-width: 0px; |
| 185 background-color: transparent; |
| 186 height: 36px; |
| 187 width: 44px; |
| 188 padding: 0px; |
| 189 left: calc(50% - 22px); |
| 190 top: calc(50% - 60px); |
| 191 } |
| 192 |
| 193 video::-internal-media-remoting-cast-text-message { |
| 194 display: inline; |
| 195 position: absolute; |
| 196 top: calc(50% - 10px); |
| 197 border: none; |
| 198 color: #FFFFFF; |
| 199 opacity: 54% |
| 200 width: 100%; |
| 201 text-wrap: none; |
| 202 text-align: center; |
| 203 background-color: transparent; |
| 204 font-size: 13pt; |
| 205 font-face: Roboto-Regular, Sans-serif, Segoe, Serif, Helvetica; |
| 206 padding: 0px; |
| 207 margin: 0px; |
| 208 } |
| 209 |
| 210 video::-internal-media-remoting-disable-button { |
| 211 display: flex; |
| 212 position: absolute; |
| 213 top: calc(50% + 55pt); |
| 214 left: calc(50% - 102px); |
| 215 height: 28pt; |
| 216 border: 2pt solid rgba(255,255,255,.54); |
| 217 border-radius: 2pt; |
| 218 background-color: transparent; |
| 219 color: #FFFFFF; |
| 220 margin: 0px; |
| 221 padding: 8pt 16pt 0pt 16pt; |
| 222 text-wrap: none; |
| 223 font-size: 13pt; |
| 224 font-face: Roboto-Medium, Sans-serif, Segoe, Serif, Helvetica; |
| 225 opacity: 54% |
| 226 transition: border .5s ease-out; |
| 227 } |
| 228 |
148 video::-internal-media-controls-overlay-cast-button { | 229 video::-internal-media-controls-overlay-cast-button { |
149 -webkit-appearance: -internal-media-overlay-cast-off-button; | 230 -webkit-appearance: -internal-media-overlay-cast-off-button; |
150 display: flex; | 231 display: flex; |
151 position: absolute; | 232 position: absolute; |
152 top: 8px; | 233 top: 8px; |
153 left: 8px; | 234 left: 8px; |
154 margin-left: 0px; | 235 margin-left: 0px; |
155 margin-top: 0px; | 236 margin-top: 0px; |
156 border-width: 0px; | 237 border-width: 0px; |
157 background-color: transparent; | 238 background-color: transparent; |
(...skipping 356 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
514 font-weight: bold; | 595 font-weight: bold; |
515 } | 596 } |
516 | 597 |
517 video::cue(u) { | 598 video::cue(u) { |
518 text-decoration: underline; | 599 text-decoration: underline; |
519 } | 600 } |
520 | 601 |
521 video::cue(i) { | 602 video::cue(i) { |
522 font-style: italic; | 603 font-style: italic; |
523 } | 604 } |
OLD | NEW |