Youtube Userstyle

gistfile1.txt

/* no distractions */
body {
  overflow-x: hidden;
  overflow-y: auto;
}
#secondary,
#comments,
#related,
#info,
.html5-endscreen,
.more-button,
.ytp-pause-overlay,
ytd-live-chat-frame,
a[title="Explore"],
ytd-button-renderer,
ytd-download-button-renderer,
yt-icon-button.dropdown-trigger,
a[href^="https://support.google.com/youtube/answer/"] {
  display: none !important;
}
/* auto-hide header */
#masthead-container {
  transform: translateY(calc(-100% + 8px)) !important;
}
#masthead-container:hover {
  transform: translateY(0) !important;
}
#page-manager.ytd-app {
  margin-top: 10px;
}
/* auto-hide footer */
#columns {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  background-color: #111;
  transition: transform 0.3s ease;
  transform: translateY(calc(100% - 8px));
}
#columns:hover {
  transform: translateY(0);
}
/* full-width */
#primary,
#columns {
  max-width: none !important;
}
.html5-video-container {
  position: static;
}
.ytp-chrome-bottom {
  position: relative;
  top: 100%;
  margin: 0 auto;
  transform: translate(0, -100%);
}
.html5-main-video {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}
ytd-video-secondary-info-renderer {
  border-bottom: 0;
}
/* less contrast */
#subscribe-button {
  filter: grayscale(0.75);
}