youtube 2010 by kylesbowling2021

/* ==UserStyle==
@name         youtube 2010
@version      20220119.03.07
@namespace    userstyles.world/user/kylesbowling2021
@description  brings back 2010 layout
@author       kylesbowling2021
@license      No License
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
/*youtube 2010 RSS style*/
/*requried: 
youtube right side desc https://greasyfork.org/en/scripts/976-youtube-right-side-descriptionredux/mdgdgieddpndgjlmeblhjgljejejkikf?hl=en
youtube config editor https://pastebin.com/mrPktnJS
youtube html 2011 player https://uso.kkx.one/style/162809 if it gets fixed
*/
body, * {
    letter-spacing:0!important;
    text-transform:none;
    font-family:arial
}
tp-yt-paper-button.yt-button-renderer {
    padding:2px
}
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
}
#masthead #logo-icon.ytd-logo, #guide #logo.ytd-topbar-logo-renderer {
    width: 99px;
    height: 42px;
    padding: 0;
    background:no-repeat url(https://i.imgur.com/Memepu4.gif);
    background-size:contain
}
#masthead #logo-icon.ytd-logo svg, #guide #logo-icon.ytd-logo svg {
    display:none!important
}
#tooltip.tp-yt-paper-tooltip {
    opacity:1;
    background:#000;
    padding:4px;
    margin:0
}
/*checkbox*/
#checkboxContainer.tp-yt-paper-checkbox {
    width:14px;
    height:14px;
    min-width:0
}
#checkbox.checked.tp-yt-paper-checkbox #checkmark.tp-yt-paper-checkbox {
    border-color:#000
}
#checkbox.tp-yt-paper-checkbox, #checkbox.checked.tp-yt-paper-checkbox {
    border:1px solid #b2b2b2;
    background:linear-gradient(#ededed,#dedede 30%)
}
#checkboxLabel.tp-yt-paper-checkbox {
    padding-left:4px
}
#checkboxLabel.tp-yt-paper-checkbox yt-formatted-string {
    color:#000;
    font:12px arial
}
/*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*/
yt-img-shadow.ytd-topbar-menu-button-renderer {
    border-radius:0
}
#search-clear-button yt-icon-button {
    height:26px;
    width:26px
}
#scrim.tp-yt-app-drawer {
    background:transparent
}
ytd-masthead[desktop-search-bar-big-tap-target] #voice-search-button.ytd-masthead {
    display:none
}
#masthead ytd-notification-topbar-button-renderer #button yt-icon-button yt-icon, #masthead .yt-spec-icon-badge-shape__icon {
    background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALBAMAAAC9q6FRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAKlBMVEX///9mZmZ3d3fq6uqioqLd3d27u7tsbGzMzMxWVVWzs7Orq6uIiIj///8GmXiHAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAHdElNRQflBwYEJztx0VDAAAAAAW9yTlQBz6J3mgAAAExJREFUCNdjYIACRkEQEGAQMgYBRQYRZSBl5MggmhgaGloWyCDRUtHR7tHIIJYpmCY4LZFBSnqRoNbGhQyCp3cr7d4jyCDoAgKCMHMAiRQRg4s2kW8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDctMDZUMDQ6Mzk6NDUrMDA6MDBxJ+adAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTA3LTA2VDA0OjM5OjQ1KzAwOjAwAHpeIQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) 2px 15px;
    color: transparent;
    padding:0;
}
yt-spec-icon-badge-shape__icon  {
    margin:0!important
}
.yt-spec-icon-badge-shape__icon {
    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!important
}
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, .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
    border:0;
    box-shadow:none;
    top:6px;
    left:6px;
    background:#d24a00
}
#container.ytd-masthead {
    height:49px
}
.ytd-searchbox {
    height:25px;
    padding:0!important;
}
ytd-searchbox.ytd-masthead {
    border-radius: 3px;
    background: #eaeaea;
    border: 1px solid #ccc;
    padding-top:2px;

}
#container.ytd-searchbox {
    border-color:#666!Important;
    border-right:1px solid #666;
    margin-right:5px;
    padding-right:10px;
}
#search-icon-legacy.ytd-searchbox {
    height:24px!important;
    width:60px
}
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox svg {
    fill:transparent;
}
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox:after {
    content:"Search";
    color:#039;
    font-weight:bold
}

#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;
}
#search-form.ytd-searchbox {
    height:30px
}
#voice-search-button.ytd-masthead {
    display:none
}
ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox {
    height:26px;
    border-color: #a0b1dc;
    border-radius:2px;
    margin-top:1px
}
#center.ytd-masthead {
    margin-top:0px
}

.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*/
#guide-links-primary.ytd-guide-renderer > a, #guide-links-secondary.ytd-guide-renderer > a {
    font:11px arial;
    color:#03c
}
tp-yt-paper-item.ytd--entry-renderer, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {
    height:24px!important;
    min-height:0
}
.title.ytd-guide-entry-renderer {
    color:#03c;
    font-weight:bold;
    font-size:13px
}
ytd-guide-entry-renderer:hover .title.ytd-guide-entry-renderer {
    text-decoration:underline;
}
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
    color:red;
    font-weight:bold;
    font-size:13px
}
.guide-icon.ytd-guide-entry-renderer {
    display:none
}
ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
    margin-top:0;
    padding-top:0
}
#sections.ytd-guide-renderer > .ytd-guide-renderer {
    padding:2px 0!important
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus {
    background:transparent
}
tp-yt-paper-item.ytd-guide-entry-renderer:before {
    content:none!important
}
ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href^="/playlist?"] yt-formatted-string:before{
    content:"▶ "
}
yt-img-shadow.ytd-guide-entry-renderer {
    border-radius:0;
    margin-right:2px
}
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 9px 3px 9px!important;
    font-weight: bold;
    color: #994800;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff9c1),to(#fed81c));
    border:1px solid #ecc101;
    margin:0;
    font-size:12px
}
tp-yt-paper-button.ytd-subscribe-button-renderer:hover {
    border-color: #630;
}
tp-yt-paper-button.ytd-subscribe-button-renderer:active {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f...