YT Theater Full Page Video by bfs15

/* ==UserStyle==
@name         YT Theater Full Page Video
@version      20241205.01.40
@namespace    https://userstyles.world/user/Aisu Wata
@description  Videos now cover the entire screen/page on theater mode, **removing the youtube header** and filling the height!
@author       Aisu Wata
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch") {
/* #columns > #primary > #primary-inner > #player > #player-container-outer .html5-video-container > video.video-stream.html5-main-video {
    left: 0 !important;
} */
.ytp-chrome-bottom {
    /*     width: 100% !important; */
    /*     left: 0 !important; */
    /*     margin: auto !important; */
}



ytd-watch-flexy[fullscreen] #player-wide-container.ytd-watch-flexy {
    height: 100vh !important;
    max-height: none !important;
}

#primary .video-stream,
#primary .html5-main-video {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
}

ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy {
    height: 100vh !important;
    max-height: 100vh !important;
}

ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy #player-full-bleed-container {
    height: 100vh !important;
    max-height: 100vh !important;
}


#logo {
    display: none !important;
}

.ytp-button.ytp-cards-button,
.ytp-cards-teaser {
    display: none;
}
/* Remove youtube header */
#masthead-container {
    display: none;
    visibility: hidden;
}
#page-manager {
    --ytd-toolbar-offset: none;
    margin-top: 0px !important;
}

/* WIP: displace youtube header to bottom of video */
/* 
#masthead-container{
    top: 50vw !important;
    position: absolute !important;
}
#player-wide-container {
    margin-bottom: 57px;
}
 */
div#player-api {
    left: 0px;
    margin-left: 0%;
}


#player-wide-container {
    /* 100% view height - masthead */
    /*         max-height : calc(100vh - 56px) !important; */
    /* max-height : 100vh !important; */
    min-height: 0vh !important;
    max-height: 100vh !important;
    height: 100vh !important;
    min-width: 0vw !important;
    max-width: calc(100vw - (100vw - 100%)) !important;
    width: calc(100vw - (100vw - 100%)) !important;
}
/* 
#player-wide-container video{
    top: 0px  !important;
    left: 0px  !important;
} */
/*     width: 80vw !important;
    max-width: 80vw; */
/** Bigger non-theater video **/
/* #player {
    --ytd-watch-flexy-max-player-width: 68vw !important;
    --ytd-watch-flexy-min-player-width: 68vw !important;
    --ytd-watch-flexy-min-player-height: 80vh !important;
    --ytd-watch-flexy-max-player-height: 80vh !important;
    left: -336px;
    height: 92vh !important;
    max-height: 92vh;
    float:left !important;
}
video.video-stream {
    width: 1632px !important;
    height: 919px !important;
}
#secondary{
    padding-right: 0 !important;
} */
/*     float: right !important; */
/*     left: 20px !important; */
/** Bigger non-theater video **/
@media screen and (min-height: 786px) and (min-width: 1440px) and (max-width: 1729px) {
    /* 	div#player-api {
		left: 0px;
		margin-left: 0%;
		top: -55px;
	}
	#player {
		margin-bottom: 246px;
	}
	#watch-appbar-playlist {
		margin-top: 136px
	}
	.html5-video-player {
		height: 791px;
		width: 1425px;
	}
	.ytp-fullscreen {
		width: 100% !important;
		height: 100% !important;
	} */
}

@media screen and (min-height: 870px) and (min-width: 1730px) {}

@media screen and (min-height: 828px) and (min-width: 1730px) and (max-height: 869px) {
    /* 	div#player-api {
		left: 0px;
		margin-left: 0%;
	}
	#player {
		margin-bottom: 330px;
	}
	#watch-appbar-playlist {
		margin-top: 330px
	}
	.html5-video-player {
		height: 828px;
		width: 1730px;
	}
	.ytp-fullscreen {
		width: 100% !important;
		height: 100% !important;
	} */
}
}