Skip to content

Instantly share code, notes, and snippets.

@elken
Created May 28, 2020 21:08
Show Gist options
  • Save elken/5c04ef9e652ff9e7e9402535aa3e7f63 to your computer and use it in GitHub Desktop.
Save elken/5c04ef9e652ff9e7e9402535aa3e7f63 to your computer and use it in GitHub Desktop.
[is-watch-page] ytd-page-manager {
margin-top: 0!important;
}
[is-watch-page] #player-theater-container:empty~#columns #primary,
[is-watch-page] #player-theater-container:empty~#columns #secondary{
padding-top: 56px;
}
[is-watch-page] ytd-masthead,
[is-watch-page] #masthead-container.ytd-app::after {
transform: translateY(-56px);
transition: transform .1s .5s ease-out;
}
[is-watch-page] #masthead-container:hover ytd-masthead,
[is-watch-page] #masthead-container:hover.ytd-app::after {
transform: translateY(0px);
}
[is-watch-page] [theater] #player.ytd-watch {
height: 100vh!important;
max-height: 100vh!important;
}
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy,
[is-watch-page] [theater] #player video {
width: 100%!important;
height: 100vh!important;
max-height: 100vh!important;
max-width: 100%!important;
left: 0!important;
}
[is-watch-page] .ytp-chrome-top.ytp-share-button-visible,
[is-watch-page] #iv-drawer .iv-drawer-header,
[is-watch-page] #iv-drawer .iv-drawer-content {
margin-top: 30px;
}
[is-watch-page] [theater] .ytp-chrome-top.ytp-share-button-visible,
[is-watch-page] [theater] #iv-drawer .iv-drawer-header,
[is-watch-page] [theater] #iv-drawer .iv-drawer-content,
[is-watch-page] [theater] .ytp-multicam-menu-header,
[is-watch-page] [theater] .ytp-multicam-menu-items,
[is-watch-page] [theater] .ytp-playlist-menu-header,
[is-watch-page] [theater] .ytp-playlist-menu-items,
[is-watch-page] [theater] .ytp-share-panel-close {
margin-top: 56px;
}
[is-watch-page] .ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
right: 60px!important;
top: 35px!important;
}
[is-watch-page] [theater] .ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
right: 60px!important;
top: 60px!important;
}
@supports (scrollbar-width: none) {
html {
scrollbar-width: none;
}
}
@supports not (scrollbar-width: none) {
html::-webkit-scrollbar {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment