Skip to content

YOUTUBE 2011 THEME FOR STARTUBE by griffenhiggins

Screenshot of YOUTUBE 2011 THEME FOR STARTUBE
Write a review Install Get Stylus

Details

Authorgriffenhiggins

LicenseNo License

Categoryhttps://www.youtube.com/

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style reverts the V3 Youtube style to the late 2011 Youtube style.
Based on some archives from November 2011.

Notes

Requires V3 and Startube, enable the Cosmic Panda theme and the Aozora homepage. Tested while signed in and at 1920x1080, should work regardless of resolution. Does not touch the player, the player theme used in the screenshot is the V3 Cosmic Panda Player made by tersiswilvin: https://userstyles.world/style/15399/v3-cosmic-panda-player.

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 THEME FOR STARTUBE
@version      20240510.06.51
@namespace    https://userstyles.world/user/griffenhiggins
@description  This style reverts the V3 Youtube style to the late 2011 Youtube style.Based on some archives from November 2011.
@author       griffenhiggins
@license      No License
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
.site-center-aligned #gbzw, [static] .site-center-aligned #gb, #yt-masthead-user .sb-notif-on .yt-uix-button-content {
display: none !important;
}
[cosmic-bg] #body-container, [cosmic-bg] body, [cosmic-bg] #watch7-headline, [cosmic-bg] #watch7-user-header, [cosmic-bg] #watch7-content, [cosmic-bg] .distiller_yt_instance, [cosmic-bg] .distiller_yt_headline {
background: #fff !important;
}
[topbar="cosmic"] #yt-masthead #logo-container #logo {
background: no-repeat url(//web.archive.org/web/20111129001154im_/https://s.ytimg.com/yt/imgbin/www-master-vflVDYtnV.png) -35px 0;
}
[topbar="cosmic"] #yt-masthead #masthead-search-terms {
background: #fff;
width: 360px;
height: 25px;;
border: 1px solid #999999;
border-bottom: 1px solid #c6c3c3 !important;
border-radius: 0px;
margin-top: 5px;
}
[topbar="cosmic"] #yt-masthead #search-btn {
visibility: hidden;
width: 52px;
height: 42px;
margin-top: -12px;
}
[topbar="cosmic"] #yt-masthead #search-btn:after {
visibility: visible !important;
content: url("https://i.imgur.com/qinPZOv.png");
margin-left: -12px;
}
#masthead-search-terms input {
font: 12px arial,sans-serif;
}
#yt-masthead-user .yt-uix-button-icon-bell {
visibility: hidden;
}
#yt-masthead #upload-btn:before {
visibility: visible;
content: url(https://i.imgur.com/s0SmXtN.png);
position: absolute;
margin-left: -130px;
margin-top: -3px;
}
#yt-masthead #upload-btn.yt-uix-button-default:nth-of-type(1) {
border-color: #ccc0 #ccc0 #aaa0 !important;
box-shadow: inset 0 0 1px #fff0;
background: linear-gradient(to bottom,#fafafa00 0,#dcdcdc00 100%);
background-color: rgba(0, 0, 0, 0);
color: #03c !important;
font: 13px arial,sans-serif !important;
text-shadow: 0 1px 0 #fff0;
position: absolute;
right: 270px;
top: 6px;
}
.prominent-upload-button-styling #upload-btn {
background-color: #c0363600 !important;
border-color: rgba(255, 255, 255, 0);
}
body #masthead-expanded-container {
background: #fff;
border-bottom: 1px solid #fff;
}
#masthead-expanded .masthead-expanded-menu-item a {
color: #03c !important;
}
#footer, body #footer-container, #footer-main {
border: 1px solid #fff;
background: #fff
}
#footer .yt-uix-button-default.yt-uix-button {
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
color: #000;
}
.exp-new-logo #footer-logo {
visibility: hidden;;
}
.exp-new-logo #footer-logo:after {
content: url(https://i.imgur.com/KUajwdR.png);
visibility: visible;
}
}

@-moz-document url("https://www.youtube.com/"), url-prefix("https://www.youtube.com/watch"), url-prefix("https://www.youtube.com/shorts/") {
#watch7-user-header .yt-user-photo, [exp-watch5d] .watch .yt-uix-button-subscribed-branded .yt-uix-button-icon-subscribe, [exp-epic-watch7] .watch .yt-uix-button-subscribed-branded .yt-uix-button-icon-subscribe, [exp-watch5d] .watch .yt-uix-button-subscribe-branded .yt-uix-button-icon-subscribe, [exp-epic-watch7] .watch .yt-uix-button-subscribe-branded .yt-uix-button-icon-subscribe, #watch7-sidebar-contents .autoplay-bar .watch-sidebar-head, .autoplay-bar .checkbox-on-off, [exp-always-show-compact-date] .related-video .extra, .yt-badge, #watch7-sidebar .watch-sidebar-separation-line, #watch5-horizontal-rule, .distiller_stream-options .right-options, .distiller_yt-thread_avatar, .distiller_stream-options .left-options, .distiller_yt-post_comment_section .loader, .oz-sprite.oz-page-verified, .pinned-post {
display: none !important;
}
#watch5-owner {
margin-left: -40px;
}
[cosmic-buttons][exp-watch5d] #watch7-user-header .yt-user-name {
border: 1px solid;
border-color: #ccc0 #ccc0 #aaa0 !important;
box-shadow: inset 0 0 1px #fff0;
background: linear-gradient(to bottom,#fafafa00 0,#dcdcdc00 100%) !important;
color: #03c !important;
font: 12px arial,sans-serif;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 0 #fff0;
}
[cosmic-buttons][exp-watch5d] .watch .yt-uix-button-subscribed-branded {
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;

height: 25px;
width: 76px;
}
[exp-watch5d] .watch .yt-uix-button-subscribed-branded span {
font: 12px arial,sans-serif !important;
color: #000;
margin-left: -5.5px;
}
[cosmic-buttons][exp-watch5d] .watch .yt-uix-button-subscribed-branded, [cosmic-buttons][exp-epic-watch7] .watch .yt-uix-button-subscribe-branded, [cosmic-buttons][exp-epic-watch7] .watch .yt-uix-button-subscribed-branded {
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
font: 12px arial,sans-serif;
color: #000 !important;
height: 25px !important;
margin-top: 5px;
}
[cosmic-buttons][exp-watch5d] .watch .yt-uix-button-subscribe-branded {
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
font: 12px arial,sans-serif;
color: #000 !important;
height: 25px !important;
width: 73px;
margin-top: 5px;
}
[cosmic-buttons][exp-watch5d] .watch .yt-uix-button-subscribe-branded span {
font: 12px arial,sans-serif !important;
color: #000 !important;
height: 25px !important;
margin-left: -5px;
margin-top: 9px;
}
.video-list .video-list-item .title {
display: block;
font: 13px arial,sans-serif;
font-weight: normal;
line-height: 1.2;
color: #03c !important;
width: 170px;
max-height: 32px;
margin-bottom: 2px;
overflow: hidden;
}
b, strong, h4, h5 {
font-weight: 10;
}
.video-list .video-list-item:hover {
background: #D1E1FA !important;
}
[cosmic-bg] .vertical-rule-main, [cosmic-bg] .vertical-rule-corner-top, [cosmic-bg] .vertical-rule-corner-bottom {
background: #fff0 !important;
}
[cosmic-buttons] .yt-uix-button-default {
font: 12px arial,sans-serif !important;
font-size: 12px;
color: #000;
}
[cosmic-buttons] .watch .continuation_item_wrapper .yt-uix-button.yt-uix-button-default {
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef)) !important;
}
[exp-watch5d] .watch5 #watch-like, [exp-watch5d] .watch5 #watch-dislike, [exp-watch5d] #watch5-other-actions .yt-uix-button, [exp-watch5d] #watch5-actions-views-row .yt-uix-button {
visibility: hidden;
z-index: 1 !important;
}
[exp-watch5d] .watch5 #watch-like:before {
visibility: visible;
content: url("https://i.imgur.com/Gxqp0rz.png");
position: absolute;
margin-left: -16px;
margin-top: -12px;
z-index: 1 !important;
}
[exp-watch5d] .watch5 #watch-like:hover:before {
visibility: visible;
content: url("https://i.imgur.com/a90Xm15.png");
margin-left: -17px;
margin-top: -14px;
z-index: 1 !important;
}
[exp-watch5d] .watch5 #watch-dislike:after {
content: url("https://i.imgur.com/sPFWmtY.png");
visibility: visible;
position: absolute;
margin-left: -36px;
margin-top: -14px;
z-index: 10 !important;
}
[exp-watch5d] .watch5 #watch-dislike:hover:after {
content: url("https://i.imgur.com/T3MTiq2.png");
visibility: visible;
position: absolute;
margin-left: -34px;
margin-top: -11px;
z-index: 10 !important;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(1):after {
content: url("https://i.imgur.com/VVWkkIf.png");
visibility: visible;
position: absolute;
margin-left: -60px;
margin-top: -13px;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(1):hover:after {
content: url("https://i.imgur.com/7TL8evY.png");
visibility: visible;
position: absolute;
margin-left: -62px;
margin-top: -14px;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(2):after {
content: url("https://i.imgur.com/YVefP7o.png");
visibility: visible;
position: absolute;
margin-left: -35px;
margin-top: -13px;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(2):hover:after {
content: url("https://i.imgur.com/3DiybOV.png");
visibility: visible;
position: absolute;
margin-left: -35px;
margin-top: -15px;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(3):after {
content: url("https://i.imgur.com/Rg3Kt4W.png");
visibility: visible;
position: absolute;
margin-left: -12px;
margin-top: -14px;
}
[exp-watch5d] #watch5-other-actions .yt-uix-button:nth-of-type(3):hover:after {
content: url("https://i.imgur.com/XEKZi95.png");
visibility: visible;
position: absolute;
margin-left: -13px;
margin-top: -16px;
}
#watch5-view-count span {
font-size: 1.8333em;
font-weight: 550;
}
[exp-watch5d] #watch5-transcript-button, [exp-watch5d] #watch5-stats-button:after {
content: url("https://i.imgur.com/TN5ukH0.png");
visibility: visible;
position: absolute;
margin-left: -23px;
margin-top: -9px;
}
[exp-watch5d] #watch5-transcript-button, [exp-watch5d] #watch5-stats-button:hover:after {
content: url("https://i.imgur.com/YTKbJzJ.png");
visibility: visible;
position: absolute;
margin-left: -26px;
margin-top: -10px;
}
#watch-description {
color: #000;
font: 12px arial,sans-serif;
}
#watch5-description a, #watch5-upload-date a {
color: #4272db;
}
.yt-uix-expander-collapsed #watch-description-expand, #watch-description-collapse {
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
}
.yt-uix-expander-collapsed #watch-description-expand:hover, #watch-description-collapse:hover {
background-image: -webkit-gradient(linear,left top,left bottom,from(#fdfeff),to(rgb(235, 242, 253)));
}
.watch5 #watch-description-toggle .yt-uix-button-text {
color: #000;
text-shadow: 0 0 0 transparent,0 1px 0 #fff0;
font: 12px arial,sans-serif;
}
.watch5 #watch-description-toggle .yt-uix-button-text:hover {
background-image: -webkit-gradient(linear,left top,left bottom,from(#fdfeff),to(rgb(235, 242, 253)));
color: rgb(102, 154, 204)
}
#watch-discussion {
border: 1px solid #fff0;
margin-left: -25px;
}
.distiller_yt_headline {
font: 12px arial,sans-serif;
margin: 5px 0;
padding...

Reviews

No reviews yet.