Cleans up live and VOD video player to display only the video content on curlingchannel.tv
curlingchannel.tv Clean video-player by gillelmus
Details
Authorgillelmus
LicenseCC BY-SA 4.0
Categorycurlingchannel.tv
Created
Updated
Code size2.9 kB
Code checksum1c3b46bf
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name curlingchannel.tv Clean video-player
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Cleans up live and VOD video player to display only the video content
@author Gillelmus
==/UserStyle== */
@-moz-document url-prefix("https://curlingchannel.tv/video-player/") {
/* Set overall background */
#page-container > amg-page-controller {
background: black !important;
}
/* Hide Header Stuff */
#page-container > amg-page-controller > amg-video-player-live > div > div.video-player-live__content-wrapper.content-wrapper > div.video-player-live__header.video-player__header > div > a,
#page-container > amg-page-controller > amg-video-player-live > div > div.video-player-live__content-wrapper.content-wrapper > div.video-player-live__header.video-player__header > button,
#page-container > amg-page-controller > amg-video-player-live > div > div.video-player-live__related-videos.related-videos,
#page-container > amg-page-controller > amg-video-player-vod > div > div.video-player-vod__content-wrapper.content-wrapper > div.video-player-vod__header.video-player__header > div > a,
#page-container > amg-page-controller > amg-video-player-vod > div > div.video-player-vod__content-wrapper.content-wrapper > div.video-player-vod__header.video-player__header > button,
#page-container > amg-page-controller > amg-video-player-vod > div > div.video-player-vod__related-videos.related-videos {
display: none !important;
}
.video-player-live__header.video-player__header,
.video-player-vod__header.video-player__header {
background: black !important;
height: 0px !important;
}
/* Hide Help Button */
#freshworks-container {
display: none !important;
}
/* Hide Footer Stuff */
.video-player__content {
margin: 0 !important;
padding: 3px !important;
background: black !important;
}
.video-player__content-title {
color: white !important;
font-size: 1.2em !important;
font-weight: normal !important;
}
/*Move Back and Hide Button*/
#page-container > amg-page-controller > amg-video-player-vod > div > div.video-player-vod__content-wrapper.content-wrapper > div.video-player-vod__header.video-player__header > div > button {
position: absolute !important;
top: 0 !important;
left: 0 !important;
margin: 5px !important;
z-index: 1000 !important;
opacity: 0 !important;
transition: opacity 0.3s ease;
}
#page-container > amg-page-controller > amg-video-player-vod > div > div.video-player-vod__content-wrapper.content-wrapper > div.video-player-vod__header.video-player__header > div > button:hover {
opacity: 1 !important;
}
}