Makes 2016 StarTube more faithful to late 2016.
/* ==UserStyle==
@name Late 2016 for V3 + StarTube
@namespace github.com/ArbestRi02/
@version 1.1.8
@description Makes 2016 StarTube more faithful to late 2016.
@author ArbestRi
@license MIT
@preprocessor less
@var select FooterLogo "Red color" ["Classic*", "Ringo", "Ringo2"]
@var checkbox PlusYouTube "+YouTube on footer" 0
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
h1,h2, #watch7-playlist-tray .video-list-item .count{
font-weight:normal;}
/* stuff for error page */
body {
background: #f1f1f1;}
img[src="//s.ytimg.com/yts/img/image-hh-404-vflxxCpNv.png"] {
content: url("https://s.ytimg.com/yts/img/image-hh-404-vflvCykRp.png")}
#error-page-content p {
line-height: 19px;}
#yt-masthead #logo {
background:no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflWeMB93.png) -594px -67px;}
#error-page-content #logo-container {
margin-right: 9px;}
#masthead-search .search-btn-component .yt-uix-button-content {
opacity: .6;background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflWeMB93.png) -594px -48px;width: 15px;height: 15px;}
.category-header .category-title, .secondary-header-contents .nav-text, .branded-page-v2-secondary-col .branded-page-related-channels-see-more a, .video-time, .yt-alert-actionable .yt-alert-buttons, .yt-alert-default .yt-alert-content, #footer-links-primary, #footer-links-secondary a, #safety-form label, #c4-about-tab .about-custom-link, #c4-about-tab .about-stat-value, .yt-uix-tooltip-tip-content, .yt-gb-preview-videos-title, .channel-header .about-custom-link-text {
font-weight: 500}
.cardified-page .branded-page-related-channels h2 {
font-size: 15px; font-weight: 500; text-transform: none; color: #333; }
[exp-modern-styles] .channel-header .primary-header-contents {
padding: 17px 15px 5px; }
.branded-page-related-channels .yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-subscription-button-subscriber-count-vertical-container, #FEsocial-guide-item, .guide-section:first-child .guide-section-separator, #guide-library-section h3, .guide-section:last-child .guide-section-separator, #watch-playlist-privacy-icon img, [exp-modern-playlists] #watch7-playlist-tray .video-list-item .playlist-time, .yt-uix-button-icon-playlist-bar-prev, .yt-uix-button-icon-playlist-bar-next, .yt-uix-button-icon-playlist-bar-close, #watch7-playlist-tray-trim {
display: none !important }
.yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-unbranded[disabled], .yt-uix-button-subscribe-unbranded[disabled]:hover, .yt-uix-button-subscribe-unbranded[disabled]:active, .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribe-unbranded[disabled]:focus {
border: 1px solid #ccc; background-color: #f8f8f8; color: #333; font-size: 11px !important; }
.profileLink, .action-panel-content:hover a, .pl-video-detail-container .pl-video-owner a:hover, .pl-video:hover .pl-video-title-link,.pl-video:hover .pl-video-owner a, .distiller_yt-post_comment_section .link_action .link_action_text, .distiller_yt-thread .sentiment .count, .distiller_yt-thread .sentiment .count_active, .distiller_yt-thread_user-content .run-link, .feed-header .metadata a:hover, .yt-uix-button-link, #footer-links-primary a:hover, #footer-links-secondary a:hover, .filter:hover, .yt-lockup-mini .yt-lockup-title:hover, [exp-modern-styles] #watch-discussion .distiller_yt_instance .count{
color: #167ac6 !important; }
a, .yt-gb-shelf-hero-content .qualified-channel-title a, .pl-header-details li:nth-of-type(1) .run.run-link.g-hovercard b:hover {
color: #167ac6; }
.yt-alert-default.yt-alert-info,.yt-alert-actionable.yt-alert-info,.yt-alert-naked.yt-alert-info .yt-alert-icon,.yt-alert-small.yt-alert-info, .yt-alert-default.yt-alert-success, .yt-alert-actionable.yt-alert-success, .yt-alert-naked.yt-alert-success .yt-alert-icon, .yt-alert-small.yt-alert-success {
background: #167ac6; }
.hitchhiker-enabled .addto-watch-later-button img, .hitchhiker-enabled .addto-watch-later-button-sign-in img {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNVER5Q.webp) -442px -24px; }
.yt-lockup {
line-height: 1.3em}
.pl-header .pl-header-details, .pl-video-detail-container .pl-video-time, .video-list .video-list-item .description, .video-list .video-list-item .stat, .shelf-item .shelf-description, .no-videos-message, .no-recent-activity {
color: #767676;}
.guide-pinning-enabled.guide-pinned #appbar-guide-menu, .guide-pinning-enabled.show-guide.guide-pinned #appbar-guide-menu {
border-right: 1px solid #e8e8e8;}
.exp-top-guide .guide-view-more, [exp-modern-styles] .epic-nav-item-heading, .branded-page-related-channels, .branded-page-related-channels h3, .yt-gb-shelf-hero-content .description, .category-header .channel-count {
font-size: 13px;}
.exp-top-guide .guide-item .display-name {
height: 14px; width: 140px;}
[exp-true-scrollable-guide] #appbar-guide-menu {
overflow: overlay !important;}
.exp-new-subscribe-style .yt-uix-button-subscribe-branded {
padding: 0 10px 0 5px;}
.exp-new-subscribe-style .yt-subscription-button-subscriber-count-branded-horizontal {
line-height: 24px;}
.yt-pl-thumb .video-count-wrapper {
height: 50px; color: #cfcfcf;}
.yt-pl-thumb-overlay .yt-pl-thumb-overlay-content, .pl-header-thumb .pl-header-thumb-overlay {
text-transform: uppercase; font-size: 13px;text-shadow: none;font-weight: 500; }
.pl-video-list {
margin: 0 -19px;}
.pl-header .pl-header-details, .pl-header .pl-header-description {
margin: 4px 0; line-height: 1.3em;font-size: 12px }
.pl-header-details li:nth-of-type(1) .run.run-link.g-hovercard b {
font-weight: normal !important; color: #767676; }
.pl-video {
padding: 13px 15px; }
.pl-header .pl-header-title {
font-size: 20px; font-weight: 500; padding: 1px; line-height: 33px; }
.pl-header .yt-uix-button-icon-playlist-like {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -812px -38px; width: 13px; height: 13px; }
.pl-video-detail-container .pl-video-detail {
line-height: 20px;}
.pl-video-detail-container .pl-video-owner a {
color: #767676; font-size: 12px;}
.pl-video-list li:before {
color: #767676; margin-right: 2px; }
@media screen and (min-width: 1700px) {
.pl-video-detail-container .pl-video-owner {
width:910px}}
@media screen and (min-width: 1700px) {
.pl-video-title-link {
line-height: 25px;}}
/* makes playlist pager at least not look so ugly */
.pl-video-list .playlist-pager {
margin-left: 10px;}
.exp-new-subscribe-style .yt-uix-button-subscribe-unbranded, .exp-new-subscribe-style .yt-uix-button-subscribed-unbranded {
padding: 0 5.5px; box-shadow: unset; }
.exp-new-subscribe-style .yt-uix-button-subscribe-unbranded:hover {
border-color: #bfbfbf; background-color: #f6f6f6}
[exp-modern-styles]:not([exp-polymer-styles]) .yt-lockup-grid .yt-lockup-title {
margin-top: unset;}
[exp-modern-styles] .oz-expander-arrow-down {
margin-top: 11px !important; }
.exp-new-subscribe-style .yt-subscription-button-subscriber-count-branded-horizontal {
padding: 0 7px; color: #737373; }
.yt-ui-ellipsis {
line-height: 1.25em }
.video-player-view-component .view-count .content-item-time-created, .watch-extras-section .content{
margin-left: 0; }
.yt-uix-button-icon-play-all {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -812px -285px; width: 16px; height: 16px; }
.branded-page-module-title-v2 .shelves-play {
margin-left: 5px; height: 18px; }
.branded-page-module-title-v2 .branded-page-module-title-text-v2 {
font-size: 15px;}
#watch7-subscription-container .channel-settings-link .yt-uix-button-icon-settings {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -235px -84px; width: 20px; height: 20px;}
.yt-uix-button-default:before, .yt-uix-button-default .yt-uix-button-icon, .hitchhiker-enabled .addto-watch-later-button img, .hitchhiker-enabled .addto-watch-later-button-sign-in img, .checkbox-on-off label:after, [exp-modern-playlists] .watch7-playlist-bar-left .title:after, #footer .yt-uix-button-icon-footer-language {
opacity: 0.5 !important;}
.distiller_yt_headline span.run-text.run:first-child:after {
content: '\002022'; margin: 0 3px;}
#transcript.watch8-menuitem:before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) 0 -215px; height:16px;}
.yt-uix-button-icon-c4-grid-flow, .yt-uix-button-toggled .yt-uix-button-icon-c4-grid-flow{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -840px -107px; width:16px; height:16px}
.yt-uix-button-icon-c4-list-flow, .yt-uix-button-toggled .yt-uix-button-icon-c4-list-flow{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -676px 0; width:16px; height:16px}
.yt-uix-button-icon-c4-grid-flow,.yt-uix-button-icon-c4-list-flow{
opacity:.6}
.yt-uix-button:not(.yt-uix-button-toggled):hover .yt-uix-button-icon-c4-grid-flow,.yt-uix-button:not(.yt-uix-button-toggled):hover .yt-uix-button-icon-c4-list-flow{
opacity:.7}
.yt-uix-button-toggled .yt-uix-button-icon-c4-list-flow,.yt-uix-button-toggled .yt-uix-button-icon-c4-grid-flow{
opacity:.8}
.yt-uix-button-toggled:hover .yt-uix-button-icon-c4-list-flow,.yt-uix-button-toggled:hover .yt-uix-button-icon-c4-grid-flow, .exp-new-subscribe-style .yt-uix-subscription-preferences-button .yt-uix-button-icon-subscription-preferences:hover{
opacity:1}
.exp-top-guide .guide-item .thumb {
margin-left: 9px;}
#content-sort-menu, .share-group li {
margin-right: 5px;}
.share-service-icon-googleplus {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-sharing-vflS2HJTD.png) 0 -420px;}
.yt-lockup-meta, .yt-lockup-description, .yt-lockup-badges {
margin: 3px 0 0;}
.yt-alert-naked.yt-alert-success .icon, .yt-alert-small.yt-alert-success .icon {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflDupCLr.png) -615px -121px; width: 19px; height: 20px;}
.yt-alert-naked .yt-alert-content {
padding: 4px 13px 3px 0;}
.yt-alert-default.yt-alert-info .icon,.yt-alert-actionable.yt-alert-info .icon{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -415px -210px; width:20px; height:21px}
.yt-alert-naked.yt-alert-info .icon,.yt-alert-small.yt-alert-info .icon{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -374px -128px; width:20px; height:20px}
.yt-alert-actionable .yt-alert-content, .yt-alert-default .yt-alert-content {
padding: 10px 0;}
.watch-extras-section .title,.watch-extras-section .content{
font-size:11px; line-height:11px; margin-bottom:5px}
.watch-extras-section .content {
color:#333;}
.watch-extras-section .title{
float:left; font-weight:500 !important; width:50px; margin-right:50px}
.yt-alert-default.yt-alert-error .icon{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -523px -230px; width:20px; height:21px}
.yt-alert-default.yt-alert-warn .icon,.yt-alert-actionable.yt-alert-warn .icon{
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -394px -25px; width:20px; height:21px}
.multirow-shelf .yt-uix-expander-head {
margin-right: 10px}
#FEsubscriptions-guide-item > .guide-item.yt-uix-sessionlink.yt-valign {
border-bottom: 1px solid #e2e2e2; margin-bottom: 8px; }
.pl-header .yt-uix-button-icon-gear {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -150px -214px; width:16px; height:16px }
#watch7-playlist-tray .playlist-bar-item-playing {
background-color: #3a3a3a;}
.watch7-playlist-bar-secondary-controls {
padding: 0 11px !important;}
.watch7-playlist-bar-notifications, .watch7-playlist-bar-secondary-controls {
float: left;}
.watch7-playlist-bar-right button .yt-uix-button-icon {
padding-right: 8px;}
[exp-modern-playlists] #watch7-playlist-tray .video-list-item .count {
text-align: left;padding-left: 5px;}
#watch7-playlist-tray .playlist-bar-item-playing .count {
& when (@FooterLogo = Ringo) {
color:#f00 !important; }
& when (@FooterLogo = Ringo2) {
color: #ff0033 !important; }}
#watch7-playlist-tray .video-list-item .ux-thumb-wrap {
margin-left: -5px;}
#watch7-playlist-tray .video-list-item:hover{
background: #525252;}
/* index is in the center so it doesn't overlap the channel name */
#watch7-playlist-index-and-length {
padding: unset;position: absolute;top: 45.5px;left: 170px;color: #b8b8b8;}
#watch7-playlist-index-and-length:after {
content:" videos";cursor:text}
[exp-modern-playlists] .watch7-playlist-bar-left .title:after {
content: "";position: absolute;display: block;background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -327px -146px;width: 24px;height: 24px;right: 18px;top: 16px;}
#watch7-playlist-tray .video-list-item a {
padding: 7px 7px 0;}
[exp-modern-playlists] #watch7-playlist-bar-controls {
line-height: 0px}
/* fix playlist bar being a bit screwed */
[exp-modern-playlists] .cardified-page .watch7-playlist-bar-right {
max-width: 413px !important;}
.creator-bar-item .yt-uix-button-icon-audio {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-creatoreditor-vflso5Vx1.png) 0 -146px }
.pl-video-owner.pl-video-detail:before {
content: "by";color: #767676;font-size: 12px;}
/* about page stuff */
#c4-about-tab:before {
content: "Description";font-weight:500;margin-left: 10px; }
.branded-page-v2-primary-col .branded-page-box-padding {
padding: 10px;}
#c4-about-tab .about-custom-links:before {
content: "Links";display: block;font-size: 13px;font-weight: 500;border-top:1px solid #e2e2e2;padding-top:10px;padding-bottom:10px}
#c4-about-tab .about-custom-links {
margin-right: unset;}
.yt-pl-thumb-overlay img {
width: 12px; height: 10px;}
.yt-alert-actionable.yt-alert-success .icon,.yt-alert-default.yt-alert-success .icon{
background:no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -398px 0; width:20px; height:21px}
/* clicking on "LIBRARY" will send you to history page. it does this because it's adding something to the history tab. */
#FEhistory-guide-item:before {
& when (@FooterLogo = Classic) {
content: "LIBRARY";color: #cc181e;font-size: 11px;margin: 0 5px;font-weight:500}
& when (@FooterLogo = Ringo) {
content: "LIBRARY";color: #f00;font-size: 11px;margin: 0 5px;font-weight:500;}
& when (@FooterLogo = Ringo2) {
content: "LIBRARY";color: #ff0033;font-size: 11px;margin: 0 5px;font-weight:500;}}
[exp-modern-guide] #FEsubscriptions-guide-item .guide-my-subscriptions-icon {
background-position: -52px -321px;}
.yt-lockup .yt-lockup-meta b {
color: #767676;font-weight:normal;}
[exp-true-scrollable-guide] .guide-section:last-of-type {
padding-bottom: 57px;}
.oz-sprite.oz-page-verified{
background:no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -442px -197px;width:12px;height:9px}
.oz-sprite.oz-page-verified:hover{
background:no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -58px -248px;width:12px;height:9px}
.branded-page-module-title-v2 .branded-page-module-avatar {
margin-top: 1px;}
#FEhistory-guide-item .yt-valign.yt-uix-sessionlink.guide-item {
margin-top:8px;}
.yt-gb-shelf-hero-content .description {
color: #555;}
.category-header .channel-count {
font-weight: normal;color: #767676;}
.category-header .category-title {
font-size: 18px;}
[exp-modern-notif-icon] .yt-uix-subscription-preferences-button .yt-uix-button-icon-subscription-preferences{
background-position: -53px -537px !important;width:18px;height:18px}
.exp-new-subscribe-style .yt-uix-subscription-preferences-button .yt-uix-button-icon-wrapper {
height: 14px;}
.checkbox-on-off > label:after {
content: '';cursor: pointer;display: inline-block;margin-left: 4px;background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -189px -132px;width: 16px;height: 14px}
.checkbox-on-off label, .yt-uix-checkbox-on-off label {
cursor: default;}
#watch8-actions-row {
padding-bottom: 7px;}
.cardified-page .yt-card #watch7-creator-bar {
margin-top: unset;border-bottom: 10px solid #f1f1f1;}
.annotation.annotation-type-text .inner-text {
font-family: "Arial" !important;}
.yt-uix-button .yt-uix-button-icon-playlist-bar-autoplay {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -343px -23px;width: 24px;height: 24px;}
.yt-uix-button .yt-uix-button-icon-playlist-bar-shuffle {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -260px -248px;width: 24px;height: 24px;}
.yt-uix-button-icon-watch-like {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -483px -281px;}
.actionable .yt-uix-button:active .yt-uix-button-icon-watch-like, .actionable .yt-uix-button.yt-uix-button-toggled .yt-uix-button-icon-watch-like {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflU8QvQi.png) -79px -278px;}
.yt-uix-button-icon-watch-dislike {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -361px -178px;}
#appbar-nav .epic-nav-item-heading, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item, #watch-playlist-privacy-icon {
padding: unset;}
.watch8-floater {
border: 1px solid #d3d3d3;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
[href*="//www.youtube.com/yt/dev/"]:after {
& when (@PlusYouTube = 1) {
content:"+YouTube";padding-left:15px}}
#footer .yt-uix-button-icon-footer-language {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflUwslsd.png) -24px 0 !important}
#content-container, #body-container {
padding-bottom: 195px;}
/* thumbnail fix */
[location^="feed"][exp-modern-home]:not([exp-rich-grid-home]) .yt-thumb-185 {
width: 185px;}
#eow-description {
padding-top: 4px}
.stream_content > .continuation_item_wrapper > .load-more-button > .jfk-button-text {
height: 28px;border: solid 1px transparent;padding: 0 10px;font-weight: 500;font-size: 11px;border-radius: 2px;box-shadow: 0 1px 0 rgba(0,0,0,0.05);border-color: #d3d3d3;background: #f8f8f8;}
body #footer-container {
padding-left: 30px !important;padding-right: 0px !important;}}
@-moz-document url("https://www.youtube.com/feed/trending") {
.branded-page-v2-top-row, .feed-author-bubble-container, .feed-item-main .feed-item-header, .exp-top-guide .branded-page-v2-has-top-row .branded-page-v2-secondary-col {
display:none}
.feed-item-container .feed-item-main {
margin: 20px 0 0 51px;margin-left:unset;padding: unset}
.cardified-page .feed-item-container {
border-bottom: unset;}
.feed-item-container {
margin: -11px 15px;}}