Skip to content

YouTube 2015-2016 Player by ytuserstyles

Screenshot of YouTube 2015-2016 Player

Details

Authorytuserstyles

LicenseNo License

Categoryyoutube

Created

Updated

Size60 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This userstyle restores the complete player from late 2015.
Thanks to aubymori and Taniko Yamamoto for the YT Player Classicifier CSS code.

Notes

Changelog:
1.0 - Release
1.01 - Removed seek buttons.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           YouTube 2015-2016 Player
@namespace      github.com/openstyles/stylus
@version        1.01
@description    Restores the complete player from late 2015.
@author         ytuserstyles (thanks to aubymori and Taniko Yamamoto for the YT Player Classicifier CSS code)
@var            checkbox autoPlay "Disable autoplay toggle"         0
@var            checkbox miniPlayer "Disable miniplayer button"         0
@preprocessor   less
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
.html5-video-player {
background-color: #000 !important;
}
.ytp-chrome-controls .ytp-jump-button {
display: none !important;
}
.ytp-svg-shadow {
stroke: #0000 !important;
stroke-width: 2px !important;
fill: none !important;
}
.ytp-volume-slider-handle {
width: 4px !important;
height: 13px !important;
border-radius: 0px !important;
}
.ytp-big-mode .ytp-volume-slider-handle {
width: 6px !important;
height: 20px !important;
border-radius: 0px !important;
}
.ytp-volume-slider {
margin-top: -1px !important;
}
.ytp-big-mode .ytp-volume-slider {
margin-top: -1px !important;
}
.ytp-volume-slider-active .ytp-volume-panel {
width: 44px !important;
}
.ytp-big-mode .ytp-volume-slider-active .ytp-volume-panel {
width: 66px !important;
}
.ytp-volume-slider-handle:before {
margin-left: -2px !important;
}
.ytp-volume-slider-handle:after {
margin-left: -2px !important;
}   
.ytp-big-mode .ytp-volume-slider-handle:before {
margin-left: -3px !important;
margin-top: -2px !important;
}
.ytp-big-mode .ytp-volume-slider-handle:after {
margin-left: -3px !important;
margin-top: -2px !important;
}  
.ytp-miniplayer-button.ytp-button when (@miniPlayer = 1) {
display: none !important;
}
.ytp-miniplayer-button.ytp-button when (@miniPlayer = 0) {
display: inline-block !important;
}
.ytp-big-mode .ytp-miniplayer-button.ytp-button {
display: none !important;
}
.ytp-button[data-tooltip-target-id="ytp-autonav-toggle-button"] when (@autoPlay = 1) {
display: none !important;
}
.ytp-button[data-tooltip-target-id="ytp-autonav-toggle-button"] when (@autoPlay = 0) {
display: inline-block !important;
}
.ytp-chrome-bottom, .ytp-embed:not(.ytp-big-mode) .ytp-chrome-bottom {
height: 36px !important;
}
.ytp-autonav-toggle-button {
transform: scale(0.9251237) !important;
top: 11px !important;
}
.ytp-big-mode .ytp-autonav-toggle-button {
transform: none !important;
top: 18px !important;
}
.ytp-big-mode .ytp-chrome-bottom {
height: 54px !important;
}
}
.ytp-settings-menu, .ytp-screen-mode-menu {
border-radius: 4px !important;
}
.ytp-swatch-color-white {
color: #f12b24 !important;
}
.html5-play-progress, .ytp-play-progress {
background: #f12b24 !important; 
}
.ytp-settings-button.ytp-hd-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::after {
background-color: #f12b24 !important;
}
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
background: #f12b24 !important;
z-index: -117;
}
.ytp-scrubber-button {
background: #f12b24 !important;
}
.ytp-ad-player-overlay-flyout-cta-rounded {
border-radius: 2px !important;
}
.ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
font-family: Arial !important;
background: #167ac6 !important;
border: solid 1px transparent !important;
border-color: #167ac6 !important;
border-radius: 2px !important;
box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
font-size: 11px !important;
font-weight: 500 !important;
height: 28px !important;
margin: 0 8px 0 0 !important;
max-width: 140px !important;
padding: 0 10px !important;
}
.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
background-color: #167ac6 !important;
border: none !important;
border-radius: 2px;
font-family: Arial !important;
font-size: 23px !important;
height: 46px !important;
line-height: 46px !important;
min-width: 164px !important;
padding: 0 20px !important;
}
.ytp-share-panel {
font-weight: 400 !important;
font-size: 85% !important;
}
.ytp-sb-subscribe {
border-radius: 2px !important;
font-weight: 400 !important;
font-size: 13px !important;
background-color: #e62117 !important;
color: #fff !important;
}
.ytp-sb-unsubscribe {
border-radius: 2px !important;
font-weight: 400 !important;
font-size: 13px !important;
background-color: #eee !important;
color: #606060 !important;
}
.branding-context-container-inner.ytp-rounded-branding-context {
border-radius: 2px !important;
}
.ytp-tooltip.ytp-rounded-tooltip:not(.ytp-preview) .ytp-tooltip-text {
border-radius: 2px !important;
}
.ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-overlay-image img, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-text-overlay, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-enhanced-overlay {
border-radius: 0px !important;
}
.ytp-videowall-still-image {
border-radius: 0px !important;
}
div.iv-card.iv-card-video.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.iv-card-playlist.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.iv-card-channel.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.ytp-rounded-info {
border-radius: 0px !important;
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview, .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
border-radius: 2px !important;
}
.ytp-ce-video.ytp-ce-medium-round, .ytp-ce-playlist.ytp-ce-medium-round, .ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
border-radius: 0px !important;
}
div.ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail {
border-radius: 0px !important;
}
button.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-cancel-button.ytp-autonav-endscreen-upnext-button-rounded {
border-radius: 2px !important;
font-weight: 400 !important;
text-transform: none !important;
}
a.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-play-button.ytp-autonav-endscreen-upnext-button-rounded {
border-radius: 2px !important;
font-weight: 400 !important;
text-transform: none !important;
}
.ytp-time-display {
font-size: 85% !important;
}
.ytp-tooltip {
font-weight: 400 !important;
}
.ytp-tooltip-text {
font-size: 85% !important;
}
.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
display: none !important;
}
.ytp-doubletap-ui-legacy.ytp-time-seeking {
display: none !important;
}
.ytp-autonav-endscreen-upnext-thumbnail {
border-radius: 0px !important;
}
.iv-card {
border-radius: 0 !important;
}
.iv-branding .branding-context-container-inner {
border-radius: 2px !important;
}
@font-face {
font-family: no-parens;
src: url("data:application/x-font-woff;base64,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...

Reviews

No reviews yet.