Skip to content

YouTube 2013 Theme For redux by kylesbowling2021

Details

Authorkylesbowling2021

LicenseNo License

CategoryBrings back 2013 layout

Created

Updated

Size172 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Version 1.2.1

Notes

Userstyle doesn't have notes.

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 2013 Theme for redux
@namespace      youtube.com
@version        1.1.7
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document regexp("http*.://.*.youtube.com/watch.*") {

	#guide-icon.ytd-masthead {
		margin-bottom: -159px;
		margin-left: 14px;
		margin-right: -0px;
		margin-top: -27px;
	}
	#guide-button.ytd-masthead:hover yt-icon, yt-icon-button:hover #guide-icon.ytd-app {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -15px -674px;
}
#guide-button.ytd-masthead svg, #guide-icon.ytd-app svg {
    display:none!important
}
#guide-button.ytd-app {
    margin-right:0
}
	#guide-icon.ytd-masthead:after {
		content: "GUIDE"!important;
		 line-height: 24px;
    color: #666;
    font-size: 12px;
    font-family: Arial !important;
    font-weight: bold;
		margin-right: -69px
			
	}
}

@-moz-document domain("youtube.com") {
/*youtube essentials*/
/*removes skeletons*/
html:not(.style-scope)[dark], :not(.style-scope)[dark] {
    --ytd-searchbox-border-color: hsla(0, 0%, 53.3%, 0.2);
    --ytd-searchbox-legacy-border-color: #ccc;
    --ytd-searchbox-legacy-border-shadow-color: #eee;
    --ytd-searchbox-legacy-button-color: #f8f8f8;
    --ytd-searchbox-legacy-button-border-color: #d3d3d3;
    --ytd-searchbox-legacy-button-focus-color: #e9e9e9;
    --ytd-searchbox-legacy-button-hover-color: #f0f0f0;
    --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6;
    --ytd-searchbox-legacy-button-icon-color: #333;
    --ytd-searchbox-background: hsl(0, 0%, 100%);
    --ytd-searchbox-text-color: hsl(0, 0%, 6.7%);
}
* {
    font-family:arial!important
}
html:not([dark]) #video-title.ytd-video-renderer {
    color:#2793e6
}
ytd-rich-grid-media {
    --yt-button-compact-background-color:transparent
}
#avatar.ytd-rich-grid-media {
    background-color:transparent
}
#home-page-skeleton, #masthead-skeleton-icons, .watch-skeleton #related .video-details, .watch-skeleton #primary-info, .ghost-card.ytd-ghost-grid-renderer {
    display:none
}
#ghost-cards, #home-container-skeleton{display:none!important;}
.watch-skeleton, #watch-page-skeleton
{
	display:none;
}
#tooltip.tp-yt-paper-tooltip {
    opacity:.8;
    background:#000;
    padding:4px;
    margin:0
}
	html[dark] #masthead-container.ytd-app #masthead {
		background: #0e0e0e!important;
	}
#center.ytd-masthead {
    -ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 1e-9px;
    flex-basis: 1e-9px;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
body {
    font-family:arial;
}
ytd-app {
    background:#fff!Important
}
ytd-video-primary-info-renderer, ytd-video-secondary-info-renderer, ytd-comments#comments,#secondary-inner.ytd-watch-flexy #related {
    box-shadow:none!important;
    margin:0!important
}

/*stops scroll locks*/
body.lock-scrollbar {
    overflow:visible!important;
    overflow-y: visible !important;
    position: initial!important;
}
/*scrolbar shrinking*/
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar-thumb, body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar-thumb {
    all:unset
	}
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar {
    width:8px
}
/*no ripple*/
yt-interaction.extended, yt-interaction, yt-icon-button[touch-feedback] yt-interaction.yt-icon-button, paper-ripple {
    display:none
}
/*nocaps and spacing*/

* {
    --ytd-tab-system_-_letter-spacing:0!important;
    --ytd-tab-system_-_text-transform:none;
    text-transform:none
}
html:not(.style-scope)[typography-spacing] {
    --yt-subheadline-letter-spacing: 0;
    --yt-subheadline-link-letter-spacing: 0x;
    --yt-link-letter-spacing: 0px;
    --yt-thumbnail-attribution-letter-spacing: 0;
    --yt-user-comment-letter-spacing: 0;
    --yt-guide-highlight-letter-spacing: 0;
    --yt-caption-letter-spacing: 0;
    --yt-badge-letter-spacing: 0;
    --yt-tab-system-letter-spacing: 0;
}
#guide-section-title.ytd-guide-section-renderer {
    text-transform:uppercase
}
html:not(.style-scope) {
    --yt-post-redemption-section-title_-_font-family:arial;
}
	/*menu*/
/*font size*/
.ytp-menuitem-content, .ytp-menuitem-label {
    font-size:100%!important
}
.ytp-big-mode {
font-size:16px
}
/*font size end*/
.ytp-menuitem-content {
    padding: 0
}
.ytp-menuitem-label, .ytp-menuitem-content {
    border-bottom: 1px solid #444;
}
.ytp-menuitem:last-child .ytp-menuitem-label, .ytp-menuitem:last-child .ytp-menuitem-content {
    border-bottom: none!important;
}
.ytp-menuitem, .ytp-panel-header {
    height:27px!important;
    padding:0!important
}
.ytp-menuitem-icon, .ytp-big-mode .ytp-menuitem-icon {
    display:none!important
}
.ytp-popup {
    background: rgba(28,28,28,0.8)!important;
    text-shadow: 0 0 2px rgb(0 0 0 / 50%)!important;
    border-radius:0!important
}
.ytp-popup:hover {
    background:rgba(28,28,28,0.8)!important;
}
.badge-style-type-verified tp-yt-paper-tooltip {
    margin-bottom:-15px;
    top:8px!important;
}
.badge-style-type-verified tp-yt-paper-tooltip:before {
    opacity:0
}
.badge-style-type-verified:hover tp-yt-paper-tooltip:before {
    content:"";
    position: absolute;
    z-index: 2147483647;
    bottom: -5px;
    width: 0;
    height: 0;
    vertical-align: top;
    border: 1px solid transparent;
    border-width: 5px 5px 0;
    border-top-color: #000;
    opacity: 1;
    left:43%;
}
tp-yt-paper-listbox {
    padding: 8px 0;
}
.ytp-menuitem:not([aria-disabled=true]):hover{
    background:transparent!important
}

.ytp-menuitem-label {
    padding-right:0px;
    padding-left:10px!important
}
.ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
padding-left:35px!Important;
}
.ytp-panel-menu {
    padding:0!important;
}
.ytp-panel {
    min-width:140px!important;
    width:auto!important
}
.ytp-big-mode .ytp-panel {
    min-width:180px!important;
    max-width:500px!important
}
.ytp-settings-menu, .ytp-panel-menu {
    color:#bbb
}
.ytp-menuitem-icon {
    display:none
}
.ytp-menuitem-label {
    padding-left:10px
}
#reduxSubDiv > #owner-sub-count {
    text-align:center;
    overflow:hidden;
    max-width:32px;
    max-height:18px;
    text-overflow:clip;
}
ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block {
    height:15px
}
#channel-name.ytd-video-meta-block #text.ytd-channel-name {
    font:700 11px arial;
    font-size:11px!important;
    color:#999
}
#metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
    font:400 11px arial;
    color:#999;
}
#channel-name.ytd-video-meta-block #text.ytd-channel-name:before {
    content:"by ";
    font-weight:400
}
ytd-button-renderer.style-default #text.ytd-button-renderer, #info #info-contents ytd-button-renderer yt-formatted-string.ytd-button-renderer {
    color:#333!important;
    font-size:11px;
    font-weight:700;
}
#meta ytd-expander[collapsed] > #content.ytd-expander {
    max-height:70px!important;
    min-height:32px
}
/*homle*/
ytd-app ytd-rich-item-renderer {
    margin:0 10px 0 0;
    margin-bottom:5px!important;
    padding-left:6px;
}
#details.ytd-rich-grid-media {
    cursor:default
}
html:not([dark]) #video-title.ytd-rich-grid-media {
    font-size:13px!important;
    line-height:1.3em!important
}
#metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
    font-size:11px;
    cursor:text;
    color:#767676
}
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover {
    cursor:pointer
}
html:not([dark]) #video-title.ytd-rich-grid-media:hover {
    text-decoration:underline
}
	#body.ytd-comment-renderer:hover #like-button  {
		background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-refresh-vflCSRCiZ.png) -101px -166px;
    background-size: auto;
    width: 17px;
    height: 17px;
		
	}
ytd-guide-signin-promo-renderer {
		content: "^"!important;
			color: #000!important;
	}
	ytd-guide-signin-promo-renderer{
	background:#494949;
			color: white;
	}
	    /*sign out*/
#sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {
    border:0;
    padding-bottom:0;
}
#sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:nth-child(2) {
    padding-top:0;
    padding-bottom:5px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
[menu-style="multi-page-menu-style-type-system"] #container #sections {
    padding-bottom:48px;
    background:#f5f5f5
}
[menu-style="multi-page-menu-style-type-system"] #container #sections yt-multi-page-menu-section-renderer {
    background:#fff
}
[menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(5) {
    position:absolute;
    bottom:10px;
    right:15px
}
[menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) {
    position:absolute;
    bottom:10px;
    left:15px
}

[menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer, [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer {
    background: #f8f8f8;
    height: 28px!important;
    border: solid 1px #d3d3d3;
    padding: 0 10px;
    outline: 0;
    font-weight: 500;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    *overflow: visible;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
[menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) yt...

Reviews

No reviews yet.