Index: third_party/WebKit/Source/core/css/mediaControls.css |
diff --git a/third_party/WebKit/Source/core/css/mediaControls.css b/third_party/WebKit/Source/core/css/mediaControls.css |
index f13cb3dfcc2d344d7de2377fca0536f78c38af38..6ba7021de0f70bfd908d2bc54518ef2cb7fe462c 100644 |
--- a/third_party/WebKit/Source/core/css/mediaControls.css |
+++ b/third_party/WebKit/Source/core/css/mediaControls.css |
@@ -145,6 +145,98 @@ video::-webkit-media-controls-overlay-play-button { |
padding: 0; |
} |
+/* TODO(xjz): Move media remoting elements to a separate css file. */ |
+video::-internal-media-remoting-interstitial { |
+ width: inherit; |
+ height: inherit; |
+ position: relative; |
+ direction: ltr; |
+ display: flex; |
+ flex-direction: column; |
+ font-family: Segoe, "Helvetica Neue", Roboto, Arial, Helvetica, sans-serif; |
+ justify-content: flex-end; |
+ align-items: center; |
+ font-size: 28px; |
+ background-color: black; |
+ -webkit-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); |
+ -moz-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); |
+ -o-transition: opacity .2s cubic-bezier (0.4, 0.0, 0.2, 1); |
+ 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.
|
+} |
+ |
+video::-internal-media-remoting-background-image { |
+ display: flex; |
+ position: absolute; |
+ margin: 0; |
+ top: 0px; |
+ left: 0px; |
+ width: 100%; |
+ height: 100%; |
+ border: none; |
+ border-width: 0px; |
+ background-color: transparent; |
+ padding: 0; |
+ filter: grayscale(100%) blur(5px); |
+} |
+ |
+video::-internal-media-remoting-cast-icon { |
+ -webkit-appearance: -internal-media-remoting-cast-icon; |
+ display: flex; |
+ position: absolute; |
+ margin: 0px; |
+ border-width: 0px; |
+ background-color: transparent; |
+ height: 36px; |
+ width: 44px; |
+ padding: 0px; |
+ left: calc(50% - 22px); |
+ top: calc(50% - 60px); |
+} |
+ |
+video::-internal-media-remoting-cast-text-message { |
+ display: inline; |
+ position: absolute; |
+ top: calc(50% - 10px); |
+ border: none; |
+ color: #FFFFFF; |
+ opacity: 54% |
+ width: 100%; |
+ text-wrap: none; |
+ text-align: center; |
+ background-color: transparent; |
+ font-size: 13pt; |
+ font-face: Roboto-Regular, Sans-serif, Segoe, Serif, Helvetica; |
+ padding: 0px; |
+ margin: 0px; |
+} |
+ |
+video::-internal-media-remoting-disable-button { |
+ display: flex; |
+ position: absolute; |
+ top: calc(50% + 55pt); |
+ left: calc(50% - 102px); |
+ height: 28pt; |
+ border: 2pt solid rgba(255,255,255,.54); |
+ border-radius: 2pt; |
+ background-color: transparent; |
+ color: #FFFFFF; |
+ margin: 0px; |
+ padding: 8pt 16pt 0pt 16pt; |
+ text-wrap: none; |
+ font-size: 13pt; |
+ font-face: Roboto-Medium, Sans-serif, Segoe, Serif, Helvetica; |
+ opacity: 54% |
+ -webkit-transition: border .5s ease-out; |
+ -moz-transition: border .5s ease-out; |
+ -o-transition: border .5s ease-out; |
+ transition: border .5s ease-out; |
mlamouri (slow - plz ping)
2017/04/13 17:20:51
ditto
xjz
2017/04/13 19:12:11
Done.
|
+} |
+ |
+video::-internal-media-remoting-disable-button:hover, |
+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
|
+ opacity: 70%; |
+} |
+ |
video::-internal-media-controls-overlay-cast-button { |
-webkit-appearance: -internal-media-overlay-cast-off-button; |
display: flex; |