Brings Back 2011 layout
YouTube 2011 by kylesbowling2021
Details
Authorkylesbowling2021
LicenseNo License
Categoryhttps://www.youtube.com
Created
Updated
Size93 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 2011
@version 20211221.19.06
@namespace userstyles.world/user/kylesbowling2021
@description Brings Back 2011 layout
@author kylesbowling2021
@license No License
==/UserStyle== */
/*youtube 2011 redux style*/
/*requried:
youtube redux https://chrome.google.com/webstore/detail/youtube-redux/mdgdgieddpndgjlmeblhjgljejejkikf?hl=en
youtube config editor https://pastebin.com/mrPktnJS
youtube html 2011 player https://uso.kkx.one/style/162809
*/
body, * {
letter-spacing:0!important;
text-transform:none;
font-family:arial
}
yt-icon-button[touch-feedback] yt-interaction, paper-ripple, yt-interaction.extended, yt-interaction.ytd-guide-entry-renderer {
display:none!important
}
a {
color:#03c
}
ytd-app {
background:#fff
}
#tooltip.tp-yt-paper-tooltip {
opacity:.8;
background:#000;
padding:4px;
margin:0
}
/*player*/
.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 {
border-radius:0!important
}
.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-menuitem-label:hover {
color:#000
}
/*mast*/
ytd-notification-topbar-button-renderer #button.ytd-notification-topbar-button-renderer yt-icon {
background:no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALBAMAAAC9q6FRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAKlBMVEX///9mZmZ3d3fq6uqioqLd3d27u7tsbGzMzMxWVVWzs7Orq6uIiIj///8GmXiHAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflBwYEJztx0VDAAAAAAW9yTlQBz6J3mgAAAExJREFUCNdjYIACRkEQEGAQMgYBRQYRZSBl5MggmhgaGloWyCDRUtHR7tHIIJYpmCY4LZFBSnqRoNbGhQyCp3cr7d4jyCDoAgKCMHMAiRQRg4s2kW8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDctMDZUMDQ6Mzk6NDUrMDA6MDBxJ+adAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTA3LTA2VDA0OjM5OjQ1KzAwOjAwAHpeIQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=') 2px 15px ;
fill:none;
padding:0;
}
ytd-notification-topbar-button-renderer {
margin:0!important
}
yt-icon-button.ytd-notification-topbar-button-renderer {
height:30px;
width:20px;
padding:0
}
.ytd-mini-guide-entry-renderer {
display:none
}
#guide-button yt-icon {
background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflFMVkjB.png) -62px -296px;
fill:none
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button{
margin-right:12px
}
ytd-topbar-menu-button-renderer:nth-child(2) yt-icon-button {
margin-right:20px
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:before {
content:"Upload"!important;
font-size:13px;
line-height:2.2;
color:#03c;
padding:1.5px 10px;
border-left: 1px solid #ccc;
}
ytd-topbar-menu-button-renderer:nth-child(2) yt-icon-button:before {
content:"Apps"!important;
font-size:13px;
line-height:2.2;
color:#03c;
border-left: 1px solid #ccc;
padding:1.5px 10px;
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:hover:before, ytd-topbar-menu-button-renderer:nth-child(2) yt-icon-button:hover:before {
text-decoration:underline
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:active:before, ytd-topbar-menu-button-renderer:nth-child(2) yt-icon-button:active:before {
background:#e7ecfa
}
ytd-topbar-menu-button-renderer yt-icon-button yt-icon {
display:none
}
#notification-count.ytd-notification-topbar-button-renderer {
border:0;
box-shadow:none;
top:6px;
left:6px;
background:#d24a00
}
#container.ytd-masthead {
height:49px
}
.ytd-searchbox {
height:24px;
padding:0!important
}
#search-icon-legacy.ytd-searchbox {
height:26px!important;
width:55px
}
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
fill:transparent;
}
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox:after {
content:"Search";
color:#000
}
#contentContainer.tp-yt-app-drawer[opened] {
background:transparent
}
ytd-searchbox[desktop-search-bar-big-tap-target] #search-form.ytd-searchbox, ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox {
max-height:30px;
}
ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox {
height:26px
}
#center.ytd-masthead {
margin-top:10px
}
.watch-skeleton .skeleton-bg-color {
color:transparent
}
#masthead-skeleton-icons, #related-skeleton {
display:none
}
.sbsb_a {
padding:0
}
.sbdd_a {
top:41px!important;
z-index:999999
}
.gsfs {
padding: 0 10px
}
#related ytd-watch-next-secondary-results-renderer ytd-continuation-item-renderer{
height:1px; visibility:hidden;
}
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar-thumb, ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar, body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar {
all:unset
}
/*guide*/
.title.ytd-guide-entry-renderer {
color:#03c
}
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer, ytd-guide-entry-renderer[active] yt-icon, ytd-guide-entry-renderer:hover .title.ytd-guide-entry-renderer, ytd-guide-entry-renderer:hover yt-icon {
fill:#fff;
color:#fff
}
ytd-guide-entry-renderer[active], ytd-guide-entry-renderer:hover {
background:#666
}
ytd-guide-entry-renderer:hover {
opacity:.4
}
ytd-guide-entry-renderer[active]:hover {
opacity:1
}
ytd-app #guide-section-title.ytd-guide-section-renderer{
padding:0 0 0 24px;
text-transform:none;
font-weight:500;
color:#000!important
}
tp-yt-paper-button.ytd-subscribe-button-renderer {
padding:3px 2px 2px 2px;
margin:0
}
/*uix*/
ytd-toggle-button-renderer.style-text[is-icon-button], ytd-button-renderer[is-icon-button][style-action-button], #info .dropdown-trigger, tp-yt-paper-button.ytd-subscribe-button-renderer, #reduxSubDiv > #owner-sub-count, #show-more-related, ytd-toggle-button-renderer.style-default-active[is-icon-button], #search-icon-legacy.ytd-searchbox {
background: #f6f6f6;
background-image:linear-gradient(#ffffff,#efefef);
border: 1px solid #ccc;
color: #000;
border-radius:3px
}
#show-more-related, #show-more-related * {
width:20%;
text-transform:none!important;
}
#show-more-related input {
padding-top:5px!important;
padding-bottom:5px
}
#reduxSubDiv > #owner-sub-count {
border-left:0px;
border-top-left-radius:0;
border-bottom-left-radius:0;
max-width:30px;
padding-top:0!important;
line-height:24px;
padding-left:4px
}
#search-icon-legacy.ytd-searchbox {
border-radius:5px;
border-top-left-radius:0;
border-bottom-left-radius:0;
border-color:#999
}
ytd-toggle-button-renderer.style-text[is-icon-button]:first-child, ytd-toggle-button-renderer.style-default-active[is-icon-button]:first-child {
border-top-right-radius:0;
border-bottom-right-radius:0;
}
ytd-toggle-button-renderer.style-text[is-icon-button]:last-child {
border-top-left-radius:0;
border-bottom-left-radius:0;
border-left:0
}
.top-level-buttons.ytd-menu-renderer:hover ytd-toggle-button-renderer.style-text[is-icon-button], ytd-button-renderer[is-icon-button][style-action-button]:hover, #info .dropdown-trigger:hover, #icon-label.yt-dropdown-menu:hover, tp-yt-paper-button.ytd-subscribe-button-renderer:hover, #show-more-related:hover, ytd-toggle-button-renderer.style-default-active[is-icon-button]:hover, #search-icon-legacy.ytd-searchbox:hover {
border-color:#999;
box-shadow: 0 0 3px #999;
background-image:linear-gradient(#ffffff,#ebebeb);
}
.top-level-buttons.ytd-menu-renderer:active ytd-toggle-button-renderer.style-text[is-icon-button], ytd-button-renderer[is-icon-button][style-action-button]:active, #info .dropdown-trigger:active, #icon-label.yt-dropdown-menu:active, tp-yt-paper-button.ytd-subscribe-button-renderer:active, #show-more-related:active, ytd-toggle-button-renderer.style-default-active[is-icon-button]:active, #search-icon-legacy.ytd-searchbox:active {
border-color:#999;
box-shadow:none;
background-image:linear-gradient(#ccc,#fff);
}
/*main*/
#reduxSubDiv {
display:block;
width:min-content;
height:24px;
margin-top:0!important;
margin-left:5px
}
#avatar.ytd-video-owner-renderer {
margin-right:6px;
height:24px;
width:24px
}
#channel-name.ytd-video-owner-renderer {
display:block;
height:19px;
width:max-content;
}
#upload-info.ytd-video-owner-renderer {
flex-direction:row;
flex:0;
flex-basis:0;
justify-content:initial
}
.title.style-scope.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer {
line-height:1.13em;
font-weight:bold;
font-size:22px!important;
}
.t...