YouTube Classic Theme 2015 by caramelkat

/* ==UserStyle==
@name           youtube.com - 5/7/2023, 10:45:12 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com") {
    /* ====================
		Header Bar
	   ==================== */
	ytd-app {
	  background: #f1f1f1 !Important;
	}
	yt-icon#logo-icon {
	  background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl_JCRQk.png) -432px -190px;
	  background-size: auto;
	  width: 43px;
	  height: 0px;
	}

	#masthead-container {
	  min-width: 0;
	  background: #fff;
	  border-bottom: 1px solid #e8e8e8;
	  padding-top: 0;
	  padding-bottom: 0;
	}
	ytd-masthead#masthead > div.ytd-masthead {
	  max-height: 50px;
	}
	.style-scope.ytd-watch-flexy#columns > div {
  		padding-top: 6px !important;
	}
	/* ====================
		Search Box
	   ==================== */
	#container.ytd-searchbox {
	  position: relative;
	  overflow: hidden;
	  height: 29px;
	  margin: 0 0 2px;
	  font-size: 14px;
	  line-height: 30px;
	  background-color: #fff;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -moz-transition: border-color .2s ease;
	  -webkit-transition: border-color .2s ease;
	  transition: border-color .2s ease;
	}
	.ytd-searchbox#container {
	  border-radius: 0;
	  padding: 4px 4px 2px 8px;
	}
	.ytd-searchbox > svg {
	  opacity: 0;
	}
	#search-form.ytd-searchbox {
	  height: auto;
	}
	#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
	  background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl_JCRQk.png) -408px -347px;
	  display: block;
	  border: none;
	  padding: 0;
	  text-indent: -10000px;
	  background-size: auto;
	  width: 14px !important;
	  height: 14px !important;
	  box-shadow: none;
	  opacity: .6;
	}
	#search-icon-legacy {
	  border-color: #d3d3d3 !important;
	  background: #f8f8f8;
	  color: #333;
	  padding: 0 10px;
	  outline: 0;
	  font-weight: bold;
	  font-size: 11px;
	  text-decoration: none;
	  white-space: nowrap;
	  word-wrap: normal;
	  line-height: normal;
	  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	  height: 29px !important;
	  border-radius: 0 !important;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	ytd-searchbox[has-focus] #container.ytd-searchbox {
	  padding: 4px 4px 2px 8px;
	}
	/* ====================
		Search Suggestions
	   ==================== */
	.gstl_50.sbdd_a {
	  border-radius: 0;
	}
	.sbdd_b {
	  border-radius: 0;
	  margin-top: -4px;
	}
	.sbse {
	  cursor: pointer;
	}
	
	/* ====================
		Recomended Panel
	   ==================== */
	.style-scope.ytd-watch-next-secondary-results-renderer {
	  border: 0;
	  background: #fff;
	  box-shadow: 0 1px 2px rgba(0,0,0,.1);
	  box-sizing: border-box;
	  margin-left: -5px;
	}
	ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer, yt-related-chip-cloud-renderer {
	  padding: 5px 15px 0 15px;
	}
	ytd-thumbnail[size] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail {
	  border-radius: 0;
	  margin: 0;
	  font-size: 11px;
	  background-color: #000;
	  opacity: 0.75;
	}
	ytd-thumbnail-overlay-resume-playback-renderer {
	  z-index: 0;
	}
	ytd-thumbnail #thumbnail.ytd-thumbnail {
	  border-radius: 0;
	}
	ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
	  width: 128px;
	  height: 68px;
	}
	yt-related-chip-cloud-renderer {
	  display: none;
	}
	ytd-compact-video-renderer:hover #video-title {
	  color: #167ac6;
	}
	
	/* ====================
		Youtube Verified Badge
	   ==================== */
	ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer,
	#icon.ytd-author-comment-badge-renderer {
	  background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl8X644A.webp) -447px -269px;
	  background-size: auto;
	  width: 12px !important;
	  height: 9px !important;
	}

	ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer:hover,
	#icon.ytd-author-comment-badge-renderer:hover {
	  background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl8X644A.webp) -199px -69px;
	}

	ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer svg {
	  display: none !important;
	}
	
	/* ====================
		Video Info Boxes
	   ==================== */
	.yt-simple-endpoint.style-scope.yt-formatted-string {
	  display: inline-block;
	  height: 22px;
	  color: #333 !important;
	  font-weight: bold;
	  max-width: 315px;
	  vertical-align: top;
	}
	#avatar.ytd-video-owner-renderer, 
	#author-thumbnail.ytd-comment-simplebox-renderer, 
	#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
	yt-img-shadow.ytd-topbar-menu-button-renderer,
	yt-img-shadow.ytd-guide-entry-renderer
	{
	  border-radius: 0 !important;
	}
	#title.ytd-watch-metadata {
	  padding-top: 8px !important;
	}
	#top-row.ytd-watch-metadata, 
    #title.ytd-watch-metadata,
	#description.ytd-watch-metadata {
	  margin: 0px 0;
	  border: 0;
	  background: #fff;
	  box-shadow: 0 1px 2px rgba(0,0,0,.1);
	  box-sizing: border-box;
	  padding: 0px 15px 10px 15px;
		border-radius: 0;
	}
	#bottom-row.ytd-watch-metadata {
		margin-right: 0px;
	}
	#description.ytd-watch-metadata {
    margin: 10px 0 0 0;
    padding: 15px 15px 0 15px;
	}
	#owner.ytd-watch-metadata {
	  margin-top: 0px;
	}
	#description.ytd-watch-metadata:hover {
		background: #fff !important;	
		cursor: default !important;
    }
	#description-inner.ytd-watch-metadata {
		margin: 0;
	}
	.watch-active-metadata.style-scope.ytd-watch-flexy {
	  margin-bottom: 8px;
	}
	tp-yt-paper-button#expand {
		width: 100%;
		text-transform: uppercase;
		color: #767676;
		border-top: 1px solid #e2e2e2;
		box-shadow: none;
		font-weight: 500;
		font-size: 11px;
		padding: 4px;
		left: 0 !important;
		background: #fff;
	}
	tp-yt-paper-button#expand:hover {
		color: #222;
	}
	/* ====================
		Comments
	   ==================== */
	ytd-comments {
	  margin: 0px 0;
	  border: 0;
	  border-bottom-color: currentcolor;
	  border-bottom-style: none;
	  border-bottom-width: 0px;
	  background: #fff;
	  box-shadow: 0 1px 2px rgba(0,0,0,.1);
	  box-sizing: border-box;
	  padding: 10px 15px;
	  padding-bottom: 10px;
	  border-radius: 0;
	}
	ytd-comments-header-renderer {
	  margin-top: 5px;
	}
	#icon.ytd-author-comment-badge-renderer > svg {
	   display: none !important;
	}

}