2012-2015 yt player by claw241

Details

Authorclaw241
LicenseNo License
Categoryhttps://www.youtube.com/
Created2 years, 1 month ago
Updated1 year, 10 months ago
Size9.3 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

makes the youtube player look like what it did in 2012-15
i may make a v3 of this (v1 is this v2 is lost to time along with my google theme)
Notes

Userstyle doesn't have notes.
Source code

/* ==UserStyle==
@name           www.youtube.com - 11/7/2022, 6:21:03 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
    .ytp-gradient-bottom {
  		height: 27px;
  		padding-top: 0;
  		background: #1b1b1b;
	}
	.ytp-swatch-background-color, .ytp-swatch-background-color-secondary {
  		background-color: #cc181e;
	}
	.ytp-load-progress {
  		background: #777;
	}
	.ytp-progress-list {
		background: #444;
		height:13.4px!important;
	}
	.ytp-progress-bar-container, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-progress-bar-container {
  		bottom: 33px !important;
	}
	.ytp-chrome-bottom {
  		width: 100% !important;
  		left: 0 !important;
	}
	.ytp-scrubber-button {
  		height: 6px;
  		width: 6px;
  		border-radius: 8px;
  		border: 5px solid #eaeaea;
  		background: #aeaeae;
    	background-color: rgb(174, 174, 174);
	}
	.ytp-scrubber-button:hover {
		background:#cc181e;
	}
	.ytp-scrubber-container {
  		top: -1px;
  		left: -6.5px;
	}
	.ytp-popup {
  		background-color: rgba(31,31,31,.9)!important;
  		text-shadow: 0 0 2px rgb(0 0 0 / 50%) !important;
  		border-radius: 0 !important;
	}
	.ytp-settings-menu {
  		bottom: 39px !important;
	}
	.ytp-chapter-hover-container {
  		width:100%!important;
	}
	.ytp-big-mode .ytp-gradient-bottom {
  		height: 59px;
  		padding-top: 0;
	}
	.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button{
		width:52px;
		height:27px;
		background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -217px;
  background-size: auto;
	}
		.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover{
		width:52px;
		background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -12px -953px;
  background-size: auto;
	}
	.ytp-prev-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -654px;
  background-size: auto;
  width: 30px;
  height: 27px!important;
}
	.ytp-prev-button:not(.ytp-disabled):hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) 0 0;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	div.ytp-chrome-controls svg{
		display:none;
	}
	.ytp-chrome-bottom .ytp-chrome-controls .ytp-button {
  		height: 27px !important;
  		width: 30px;
	}
	.ytp-chrome-bottom {
  height: 27px !important;
}
	.ytp-time-display, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-time-display {
  line-height: 27px !important;
}
	.ytp-play-button[title="Play (k)"] {
  background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") 0 -545px;
  background-size: auto;
  width: 55px!important;
  height: 27px;
	}
.ytp-play-button[title="Play (k)"]:hover {
  background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") -93px -361px;
}
	.ytp-play-button[title="Pause (k)"] {
  background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") -36px -1077px ;
}
.ytp-play-button[title="Pause (k)"]:hover {
  background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") -32px -385px ;
}
	.ytp-play-button[title="Replay"]{
		background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") 0px -79px ;
	}
	.ytp-play-button[title="Replay"]:hover{
		background: no-repeat url("https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png") -12px -953px ;
	}
	.ytp-chrome-controls .ytp-button, .ytp-replay-button {
		padding:0
	}
	.ytp-prev-button {
  margin: 0 -5px 0 10px;
}
	ytd-app .ytp-chrome-controls .ytp-play-button {
  width: 55px !important;
}

	.ytp-chrome-controls {
  height: 27px !important;
		line-height: 27px !important;
}
	.ytp-next-button:not(.ytp-disabled):hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) 0 -984px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
.ytp-next-button {
  margin: 0 5px 0 -5px;
}
.ytp-next-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) 0 -1139px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-mute-button[data-value="max"]:hover, .ytp-volume-button[data-value="loud"]:hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -279px;
  background-size: auto;
  width: 35px;
  height: 27px;
}
.ytp-mute-button[data-value="max"], .ytp-volume-button[data-value="loud"] {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -124px;
  background-size: auto;
  width: 35px;
  height: 27px;
}
.ytp-mute-button {
  display: inline-block;
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -900px;
  background-size: auto;
  width: 35px;
  height: 27px;
  box-shadow: none;
}
	.ytp-time-separator, .ytp-time-duration {
  		color: #999;
	}
	.ytp-time-current {
  		color: #fff;
	}
	.ytp-live-badge[disabled]::before {
  		background: #b3362d;
	}
	.ytp-chrome-controls .ytp-button[aria-pressed ="true"] {
		background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -99px -00px;
}
	.ytp-chrome-controls .ytp-button[aria-pressed ="false"] {
		background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -90px -809px;
	}
	.ytp-chrome-controls .ytp-button[aria-pressed]::after {
  content: "";
  display: none;
}
	.ytp-settings-button.ytp-hd-quality-badge::after, .ytp-settings-button.ytp-hdr-quality-badge::after, .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after, .ytp-settings-button.ytp-3d-badge-grey::after, .ytp-settings-button.ytp-3d-badge::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 5px;
  height: 9px;
  width: 13px;
  background-color: #b3362d;
  border-radius: 1px;
  line-height: normal;
}
	.ytp-settings-button:not(.ytp-disabled):hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -127px -422px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
.ytp-settings-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -55px -1014px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-size-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) 0 -824px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-fullscreen-button:not(.ytp-disabled):hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -68px -0px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
.ytp-fullscreen-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -423px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-fullscreen-button[title="Exit full screen (f)"] {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) 0 -1046px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-big-mode .ytp-chrome-bottom .ytp-chrome-controls .ytp-button {
  height: 27px !important;
}
	.ytp-big-mode .ytp-chrome-controls .ytp-button, .ytp-big-mode .ytp-chrome-top .ytp-button {
  height: 27px !important;
  width: 30px !important;
}
	.ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-play-button, .ytp-big-mode .ytp-chrome-top .ytp-button {
  height: 30px !important;
  width: 55px !important;
}
	.ytp-big-mode .ytp-time-display {
  line-height: 27px !important;
}
	.ytp-big-mode .ytp-chrome-bottom, .ytp-big-mode .ytp-chrome-controls {
  height: 27px !important;
  line-height: 27px !important;
}
	.ytp-big-mode .ytp-gradient-bottom {
  height: 27px;
  padding-top: 0;
}
	.ytp-big-mode .ytp-progress-bar-container {
  bottom: 29px !important;
  height: 8px !important;
}
	.ytp-embed .ytp-gradient-bottom {
  height: 29px;
  padding-top: 0px;
}
	.ytp-volume-slider-handle::before {
  		background: #b3362d !important;
	}
	.ytp-remote-button:hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -127px -747px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
.ytp-button.ytp-disabled {
  cursor: auto;
  opacity: .5;
}
.ytp-remote-button {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -392px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-fullscreen-button[title="Exit full screen (f)"]:hover {
  background: no-repeat url(https://s.ytimg.com/yts/imgbin/player-common-vflbJjZA5.png) -93px -927px;
  background-size: auto;
  width: 30px;
  height: 27px;
}
	.ytp-small-mode .ytp-gradient-bottom {
  height: 29px;
  padding-top: 0;
}
	.ytp-chrome-controls .ytp-button, .ytp-replay-button {
  display: inline-grid;
}
}
Reviews

No reviews yet.