Make YouTube Live Borderless
目前为
/* ==UserStyle==
@name YouTube Live Borderless
@version 0.1.5
@namespace github.com/cyfung1031
@license MIT
@description Make YouTube Live Borderless
@author CY Fung
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch?v=") {
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) {
--ytd-margin-2y: var(--ytd-margin-2x);
--ytd-margin-4y: var(--ytd-margin-4x);
--ytd-margin-6y: var(--ytd-margin-6x);
--ytd-margin-8y: var(--ytd-margin-8x);
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #columns.style-scope.ytd-watch-flexy {
--ytd-margin-2x: 0;
--ytd-margin-4x: 0;
--ytd-margin-6x: 0;
--ytd-margin-8x: 0;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .style-scope.ytd-watch-flexy > :not(.ytd-watch-flexy) {
--ytd-margin-2x: var(--ytd-margin-2y);
--ytd-margin-4x: var(--ytd-margin-4y);
--ytd-margin-6x: var(--ytd-margin-6y);
--ytd-margin-8x: var(--ytd-margin-8y);
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #secondary-inner.style-scope.ytd-watch-flexy {
display: flex;
flex-direction: column;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player{
position:relative;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player>.html5-video-container:has(video) {
top:0;
bottom:0;
left:0;
right:0;
position:absolute;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) {
--movie-player-ml: 16px;
--movie-player-mr: 16px;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player .ytp-chrome-bottom[style*="width"] {
width: unset !important;
left: 12px !important;
right: 12px !important;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player>.html5-video-container > video {
width: unset !important;
height: 100% !important;
left: 0 !important;
right: 0 !important;
max-height: 100%;
max-width: 100%;
margin:0 auto;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #movie_player .ytp-iv-video-content {
width: 100% !important;
height: 100% !important;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #secondary-inner.style-scope.ytd-watch-flexy {
height: 100%;
display: flex;
flex-direction: column;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #chat:not([collapsed]) {
flex: 77;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs {
display: flex;
margin: 0 !important;
flex: 1;
flex-direction: column;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs #material-tabs,
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #right-tabs .tab-content {
outline: 0;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #primary-inner > *:not(#player) {
padding: 0 24px 0;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .ytp-chapter-hover-container[style*="width"] {
width: 100% !important;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) .tab-content {
flex: 77;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) h1.style-scope.ytd-watch-metadata {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
:has(iframe#chatframe) ytd-watch-flexy.style-scope:not([fullscreen]) #player-container-outer.ytd-watch-flexy {
max-width: unset;
}
}