Makes it rehike look like 2015 to mid and late 2016
youtube 2015 to mid and late 2016 by epicbonniesfm
Details
Authorepicbonniesfm
LicenseNo License
Categoryyoutube rehike
Created
Updated
Size16 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
U Must use rehike to make it work
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
@namespace https://github.com/Minebunny99
@version 1.2.4
@description Makes it look like 2015 and mid and late 2016
@author EpicbonnieSFM
@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;
}
#appbar-guide-button .yt-uix-button-icon-wrapper::after {
content: '';
display: inline-block;
border-width: 3px 3px 0;
border-top-color: #b8b8b8 !important;
border-color: transparent;
border-style: solid;
position: relative;
top: 2px;
left: 2px;
}
#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 #appbar-guide-button > span:after,
.show-guide #masthead-positioner:hover #appbar-guide-button > span:after {
border-top-color: #e63127 !important
}
.show-guide .yt-uix-button-icon-appbar-guide,
.show-guide #masthead-positioner:hover .yt-uix-button-icon-appbar-guide {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflbKBZkj.png) -29px -1244px;
}
}
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: -2px;
}
}
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;
}
}
.yt-subscription-button-subscriber-count-branded-horizontal {
margin-left: -1px;
}
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;
}
}
#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: 0;
line-height: 0;
}
#what_to_watch-guide-item .display-name:after {
content: "What to Watch";
font-size: 13px;
line-height: 20px;
margin-left: -2.6px;
}
}
if layouts==Ltwo or layouts==Lthree {
#watch7-sidebar .watch-sidebar-head {
font-size: 0;
line-height: 0;
}
#watch7-sidebar .watch-sidebar-head:after {
content: 'Up Next';
font-size: 13px;
line-height: 1.4;
}
}
if layouts==Lthree {
.guide-item .guide-my-subscriptions-icon {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflynt-iQ.webp) -112px -207px;
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(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflynt-iQ.webp) -112px -207px;
background-position: -392px -28px
}
}
if layouts==Lthree {
#trending-guide-item {
display: none;
}
}
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;
...