Youtube 2012 by theoldrobloxuserstylefixer

/* ==UserStyle==
@name         Youtube 2-12
@version      20211027.22.02
@namespace    userstyles.world/user/theoldrobloxuserstylefixer
@description  for the people at r/oldyoutubelayout who dont want to copypaste more than 500 CSS codes.

You need to deafault your youtube logo 2017 so the logo aint a broken mess 







@author       theoldrobloxuserstylefixer
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com") {
/* The Verison Of The Orginal Style Is 1.1. This Is 0.2.*/
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, ytd-mealbar-promo-renderer {
    display:none!important
}
a {
    color:#1c62b9
}
a:hover {
    text-decoration:underline
}
ytd-app {
    background:url(https://s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png)
}
 
ytd-masthead {
    background-color:#ededec
}
/* Logo */
#logo.ytd-topbar-logo-renderer {
    background: url(https://upload.wikimedia.org/wikipedia/commons/1/19/Logo_of_YouTube_%282011-2013%29.svg) 0 no-repeat;
    background-size: contain!important;
}
#guide #logo.ytd-topbar-logo-renderer{
    background:url(http://s.ytimg.com/yt/img/doodles/earth_hour_sprite-vflQCGwng.png)0 -56px!important;
    background-size:125px!important
}
#contentContainer.tp-yt-app-drawer {
    width:200px
}
.yt-alert-small.yt-alert-info,
yt-icon.ytd-topbar-logo-renderer,
img.ytd-yoodle-renderer {
    display: none
}
#logo.ytd-topbar-logo-renderer,
#logo-icon-container.ytd-topbar-logo-renderer {
    height: 40px;
    width: 99px
}
#country-code.ytd-topbar-logo-renderer {
    margin-left:5px;
    margin-top:0px
}
/*tooltip*/
#tooltip.tp-yt-paper-tooltip{
    padding: .75em;
    color: #fff;
    white-space: nowrap;
    border-radius: 2px;
    box-shadow: 0 0 3px #333;
    background-image: linear-gradient(to bottom,#4a4a4a 0,#000 100%);
    opacity:1
}
/*player*/
#movie_player {
    background:#000
}
.ytp-contextmenu .ytp-panel {
    left:0
}
.ytp-chrome-bottom {
    height:36px
}
.ytp-progress-bar-container, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-progress-bar-container {
    bottom:35px
}
.ytp-menuitem-content, .ytp-menuitem-label {
    font-size:100%!important
}
.ytp-big-mode {
font-size:16px
}
.ytp-volume-slider {
    bottom:6px
}
.ytp-big-mode .ytp-volume-slider {
    bottom:15px
}
/*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-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:20px;
}
ytd-topbar-menu-button-renderer yt-icon-button{
    top:-2px
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:before {
    content:"Upload"!important;
    font-size:13px;
    line-height:2.2;
    color:#333;
    padding:2px;
}
ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:after {
    content:"|";
    font-size:13px;
    line-height:2.2;
    color:#ccc;
    padding:2px;
    position:absolute;
    top:5px;
    right:-28px
}
ytd-topbar-menu-button-renderer:nth-of-type(2) yt-icon-button:before {
    content:"Apps"!important;
    font-size:13px;
    line-height:2.2;
    color:#333;
    padding:2px;
}
 
ytd-topbar-menu-button-renderer yt-icon-button:hover:before {
    text-decoration:underline
}
 
ytd-topbar-menu-button-renderer yt-icon-button yt-icon, ytd-notification-topbar-button-renderer yt-icon {
    display:none
}
 
#buttons.ytd-masthead > .ytd-masthead:nth-last-child(2) {
    color: rgba(0,0,0,.6);
    background: rgba(0,0,0,.1);
    border: 1px solid #cbcbcb;
    height: 27px;
    width: 27px;
    padding: 0;
    margin-top:5px;
    margin-right:0;
    cursor:pointer;
}
#buttons.ytd-masthead > .ytd-masthead:nth-last-child(2):hover {
    border: 1px solid #939393;
}
#buttons.ytd-masthead > .ytd-masthead:nth-last-child(2):before {
    content:"0";
    font-size:14px;
    font-weight:bold;
    margin:auto;
    padding-left:10px;
    color: rgba(0,0,0,.4);
    text-decoration:none!important
}
 
#notification-count.ytd-notification-topbar-button-renderer {
    width:100%;
    height:22px;
    border-radius:0;
    top:0;
    font-size:14px;
    font-weight:bold;
    padding-top:4px;
    color: #fff;
    border: 1px solid #c13828;
    background: #d94a38;
    box-shadow:none
}
#notification-count.ytd-notification-topbar-button-renderer:hover {
    border: 1px solid #87291d;
    text-shadow: 0 0 0 transparent,0 -1px 0 rgba(0,0,0,0.25);
    box-shadow: inset 0 4px 4px rgba(256,256,256,.15),inset 0 -12px 12px rgba(0,0,0,.15);
    text-decoration:none
}
#container.ytd-masthead {
    height:49px
}
 
/*search*/
#center.ytd-masthead {
    all:unset;
    -webkit-flex: 0 1 580px;
    height:60px;
    display:initial;
    margin-left:20px
}
 
#search-icon-legacy.ytd-searchbox {
    width:36px;
    background-image: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);
}
#search-icon-legacy.ytd-searchbox:hover {
    border-color: #aaa #aaa #999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
    background-image: linear-gradient(to bottom,#f0f0f0 0,#e6e6e6 100%);
}
.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*/
tp-yt-paper-item.ytd-guide-entry-renderer {
    background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
    color: #999!important;
    font-size: 11px;
    border-right: 4px solid transparent!important;
    border-top: 1px solid #323232!important;
    border-bottom: 1px solid #1b1b1b!important;
    padding-left:10px!important;
 
}
ytd-mini-guide-entry-renderer, ytd-mini-guide-renderer.ytd-app {
    background-image: linear-gradient(to bottom,#292929 0,#252525 100%)!important;
}
.guide-icon.ytd-guide-entry-renderer, yt-img-shadow.ytd-guide-entry-renderer {
    margin-right:5px;
    border-radius:0;
 
}
ytd-guide-entry-renderer[active] tp-yt-paper-item.ytd-guide-entry-renderer {
    border-right-color: #c4302b!important;
    background: #1c1c1c!important;
}
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
    color:#fff
}
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
    color: #ededed;
    font-size:11px;
    font-weight:bold
}
ytd-guide-entry-renderer:hover tp-yt-paper-item.ytd-guide-entry-renderer {
    border-right-color: #666!important;
    text-decoration: none;
    background: #1c1c1c!important;
}
 
.title.ytd-guide-entry-renderer {
    color:#999;
    font: 11px arial;
    line-height:22px
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, tp-yt-paper-item.ytd-guide-entry-renderer {
    min-height:30px;
    height:34px;
}
h3.ytd-guide-section-renderer, #guide-links-primary.ytd-guide-renderer, #guide-links-secondary.ytd-guide-renderer {
    display:none
}
#sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child), #sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:not(:first-child), #sections.ytd-guide-renderer > ytd-guide-subscriptions-section-renderer.ytd-guide-renderer, ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
    padding:0;
    margin:0;
    border:0
}
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app {
    scrollbar-width:none
}
#guide-content.ytd-app {
        background: #272727;
    border-top-left-radius:5px
}
 
tp-yt-app-drawer.ytd-app[persistent], ytd-guide-renderer.ytd-app {
    width:200px;
    border-top-left-radius:5px
}
 
/*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], #upload-info #channel-name.ytd-video-owner-renderer, .ytd-search-sub-menu-renderer ytd-toggle-button-rende...