YouTube Late-2011- Early 2012 by kylesbowling2021

Details

Authorkylesbowling2021
LicenseNo License
Categoryhttps://www.youtube.com
Created2 years, 3 months ago
Updated1 year, 9 months ago
Size98 kB
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.