YouTube Late-2011- Early 2012 by kylesbowling2021

Details

Authorkylesbowling2021
LicenseNo License
Categoryhttps://www.youtube.com
Created3 years, 2 months ago
Updated2 years, 9 months ago
Code size98 kB
Code checksumda5f1e77
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Currently works on 1920x1080 displays only
Links to these things:
https://pastebin.com/mrPktnJS
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 Late-2011 Early 2012
@namespace      youtube.com
@version        1.0.2
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com") {

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
}
[dark] ytd-masthead {
    background-color:#212121
}
/* 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
}
	[dark]	#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;
}
#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-logo,
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-larger-tap-buttons.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
}
#masthead
  {
    width: 1356px;
    left: 278px;
    position: relative;
}
#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;
}
	[dark]	ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:before {
    content:"Upload"!important;
    font-size:13px;
    line-height:2.2;
    color:#ededec;
    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, yt-spec-icon-badge-shape--type-notification {
		display: none!important;
	
		
}

ytd-notification-topbar-button-renderer {
    margin-right:0!Important
}
ytd-notification-topbar-button-renderer #button.ytd-notification-topbar-button-renderer {
    padding:2px 2px 3px 2px
}
#masthead ytd-notification-topbar-button-renderer #button yt-icon-button yt-icon, #masthead .yt-spec-icon-badge-shape__icon {
        background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -42px -128px;
    fill:none;
    opacity:.55;
    height:30px;
    color:transparent
}
#notification-count.ytd-notification-topbar-button-renderer, .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
    font:700 11px arial;
    min-width: 15px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #cb4437;
    color: #fff;
    line-height: 15px;
    text-align: center;
    opacity: 1;
    border-radius: 2px;
    padding:0;
    left:12px;;
    border-top:0;
    border-right:0;
    z-index:999;
    top:0px
}
#notification-count.ytd-notification-topbar-button-renderer:before, .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge:before {
    content:"";
    background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -35px -244px;
    fill: none!important;
    opacity: 1;
    height:35px;
    width:35px;
    display:inline-block;
    position:absolute;
    left:-13px;
    filter:contrast(.01);
}
#notification-count.ytd-notification-topbar-button-renderer:hover:before, .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge:hover:before {
    filter:contrast(0.2)
}	
#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
}
[dark] #search-icon-legacy
  {
	background: linear-gradient(to bottom, #5e5e5e 10%, #353535 100%) !important;    
    color: #000;
    font-size: 13px;
    border:  solid thin #767676;
    border-radius: 0px;
    transition-duration: 0.0s;
    fill: #000
}

[dark] #search-icon-legacy:hover
  {
	background: linear-gradient(to bottom, #5e5e5e 10%, #303030 100%) !important;    
    color: #000;
    font-size: 13px;
    border:  solid thin #767676;
    border-radius: 0px;
    transition-duration: 0.0s;
    fill: #000
}
.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;...
Reviews

No reviews yet.