Skip to content

YouTube 2015-2016 Player by ytuserstyles

Screenshot of YouTube 2015-2016 Player
Write a review Install Get Stylus

Details

Authorytuserstyles

LicenseNo License

Categoryyoutube

Created

Updated

Code size60 kB

Code checksumce078001

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.