Original:
https://userstyles.world/style/8225/youtube-2015-to-mid-and-late-2016 (By Epicbonniesfm)
Enjoy!
(MOSTLY Fixed) youtube 2015 to mid and late 2016 by MAtthewWhIte
Details
AuthorMAtthewWhIte
LicenseStandard UserStyles License
Category2015 YouTube, YouTube, youtube.com
Created
Updated
Code size15 kB
Code checksum209659a9
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This Is A (Mostly) FIXED VERSION OF THE STYLE, Not An !ORIGINAL CREATION BY ME! The Original Was MADE BY Epicbonniesfm, NOT ME!!!
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 2015/16 look for rehike (patched/fixed)
@namespace https://github.com/MalsOffical
@version 1.0.1
@description Makes it look more like 2015 and mid and late 2016
@author MAtthew WhIte
@preprocessor stylus
@var checkbox hidesearchtext "Hide Search Text" 0
@var select layouts "layouts" ["Lzero:L2016", "Ltwo:E-M2016", "Lthree:2015"]
@var checkbox countrycode "With country code (2015)" 0
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
if layouts==Lthree {
#appbar-guide-button {
height: 28px;
width: 46px;
margin-top: 2px;
margin-left: -1px;
}
#yt-masthead .yt-masthead-logo-container {
width: 200px;
display: flex;
flex-direction: row-reverse;
justify-content: Left;
}
#masthead-positioner:hover #appbar-guide-button .yt-uix-button-icon-wrapper::after {
border-top-color: #666 !importnat;
}
#masthead-positioner:hover #appbar-guide-button {
background: #f8f8f8;
border-color: #d3d3d3;
}
#appbar-guide-button:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
}
#appbar-guide-button:active {
box-shadow: inset 0 1px 0 #ddd;
}
#appbar-guide-button:hover:focus,
#appbar-guide-button:focus {
box-shadow: 0 0 0 2px rgba(27, 127, 204, 0.4);
}
.show-guide .yt-uix-button-icon-appbar-guide,
.show-guide #masthead-positioner:hover .yt-uix-button-icon-appbar-guide {
background: no-repeat url() -29px -1244px;
}
} .show-guide #appbar-guide-button > span:after,
.show-guide #masthead-positioner:hover #appbar-guide-button > span:after {
border-top-color: #e63127 !important
}
if layouts==Lthree {
#yt-masthead #logo-container .logo,
#footer-logo .footer-logo-icon {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfli_XxZt.png) -167px -205px;
width: 72px;
height: 30px;
}
#yt-masthead-container {
padding-bottom: 10px;
}
.appbar-hidden #masthead-positioner-height-offset {
height: 50px;
}
.yt-uix-button-icon-wrapper {
margin-left: 0px;
}
}
if hidesearchtext {
#masthead-search-term::placeholder {
color: transparent;
}
}
if layouts==Lthree {
#masthead-search .search-btn-component {
width: 65px;
}
#masthead-search .search-btn-component .yt-uix-button-content {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfli_XxZt.png) -145px -287px;
margin-top: 2px;
}
}
if layouts==Ltwo or layouts==Lthree {
.related-list-item .thumb-wrapper,
.related-list-item .thumb-wrapper img,
.yt-thumb-168,
.yt-thumb-168 img {
width: 120px;
}
.related-list-item .thumb-wrapper,
.related-list-item .thumb-wrapper img,
.yt-uix-simple-thumb-related,
.yt-thumb-168,
.yt-thumb-168 img {
height: 68px;
}
.yt-pl-thumb-overlay-text {
font-size: 11px;
}
.yt-pl-thumb .formatted-video-count-label b {
font-size: 14px;
}
.yt-pl-thumb .formatted-video-count-label {
font-size: 8px;
}
.related-list-item .content-link {
min-height: 68px;
}
.related-list-item .content-wrapper {
margin-left: 133px;
}
.video-list .video-list-item .title {
font-size: 13px;
max-height: 2.4em;
}
.yt-pl-icon.yt-pl-icon-mix {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl3T2Agh.png) -393px 0;
background-size: auto;
width: 24px;
height: 24px;
}
.yt-pl-icon {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl3T2Agh.png) -863px -75px;
background-size: auto;
width: 18px;
height: 18px;
}
}
if layouts==Lthree {
.action-panel-trigger-share::before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl3T2Agh.png) -261px -13px;
background-size: auto;
width: 20px;
height: 20px;
}
} .yt-subscription-button-subscriber-count-branded-horizontal {
margin-left: -1px;
}
#startSegmentButton,
#cancelSegmentButton,
#deleteButton,
#submitButton,
#infoButton,
.standalone-collection-badge-renderer-text,
.ytp-chapter-container {
display: none !important;
}
.yt-uix-checkbox-on-off {
vertical-align: inherit;
}
.ytp-scrubber-container {
left: 2px;
}
if layouts==Lthree {
#watch7-headline h1 {
font-size: 24px;
}
.watch-title-container,
.video-metadata-renderer-music-pass-badge-renderer {
display: table-cell;
vertical-align: top;
}
}
if layouts==Lthree {
#what_to_watch-guide-item .display-name span {
font-size: 700;
line-height: 0;
}
#what_to_watch-guide-item .display-name:after {
content: "What To Watch";
font-size: 700;
line-height: 20px;
margin-left: -2.6px;
}
}
if layouts==Ltwo or layouts==Lthree {
#watch7-sidebar .watch-sidebar-head {
font-size: 700;
line-height: 0;
}
#watch7-sidebar .watch-sidebar-head:after {
font-size: 700;
line-height: 1.4;
}
background-size: auto;
width: 20px;
height: 20px
}
.guide-item:hover .guide-my-subscriptions-icon,
.guide-item.guide-item-selected .guide-my-subscriptions-icon {
background: no-repeat url() -112px -207px;
background-position: -392px -28px
}
}
if layouts==Lsix {
#watch-history-guide-item .display-name:after {
content: "History";
font-size: 700;
line-height: 20px;
margin-left: -2.6px;
}
}
if layouts==Ltwo or layouts==Lthree {
.yt-uix-subscription-preferences-button:before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflvB63an.png) 0 -821px !important;
background-size: auto !important;
width: 14px !important;
height: 13px !important;
}
.yt-uix-subscription-preferences-button:hover:before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflvB63an.png) -136px -1010px !important;
background-size: auto !important;
width: 14px !important;
height: 13px !important;
}
}
if layouts==Lzero {
.yt-uix-subscription-preferences-button:before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -231px -152px !important;
background-size: auto !important;
width: 18px !important;
height: 18px !important;
}
}
if layouts==Lzero or layouts==Ltwo or layouts==Lthree {
body,
input,
button,
textarea,
select {
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf)format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf)format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(//fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf)format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Z0EAVxt0G0biEntp43Qt6E.ttf)format('truetype');
}
}
}
if layouts==Lthree {
#watch-description {
color: #333;
line-height: 17px;
overflow: hidden;
position: relative;
z-index: 1;
}
.yt-uix-expander-collapsed #watch-description-text {
max-height: 51px;
overflow: hidden;
padding-top: 0px;
}
#watch-description-text {
padding-top: 0px;
}
}
if layouts==Ltwo {
#watch-description {
color: #333;
line-height: 17px;
overflow: hidden;
position: relative;
z-index: 1;
}
.yt-uix-expander-collapsed #watch-description-text {
...