Youtube branding for the website https://vaptube.vapor.rocks!
This is a rewrite (sorta, i just changed the url) of YouTube Branding for subrocks.
edit: VapTube died so now its https://craptube.xyz
edit 2: this dumbass died and billygoat returned https://vt.billyisreal.com
edit 3: oh my fucking god it's back to craptube.xyz (aka furrytube)
YouTube Branding for Vap(e)Tube by tester
Details
Authortester
LicenseNo License
CategoryVapTube
Created
Updated
Size3.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
v0.5 - i had to steal some stuff for the subrock theme for vapetube, but i made it more accurate so not a prob
v0.4 - Guide button was green now changed to red
v0.3 - Changed to VapeTube :facepalm:
v0.2 - Changed to CrapTube because VapTube died
v0.1 - Created
Source code
/* ==UserStyle==
@name YouTube Branding for Vap(e)Tube
@version v0.5-1
@namespace real
@description replaces the video player, guide, inbox guide also, and the footer logo and adds the youtube copyright thing --- also i would like to credit skyie with the subrock theme because it had the neccesary things to make this theme better
@author hdamn
@license No License
==/UserStyle== */
@-moz-document domain("craptube.xyz") {
#logo {
display: block;
background: no-repeat url(http://s.ytimg.com/yt/imgbin/www-refresh-vflMLqC23.png) -114px -51px;
width: 100px;
height: 40px;
}
#footer-logo img {
opacity: .6;
background: no-repeat url(http://s.ytimg.com/yt/imgbin/www-refresh-vflMLqC23.png) -58px -93px;
width: 93px;
height: 40px;
}
#footer-logo:hover img {
opacity: 1;
}
#footer-logo:after {
content: '© 2012 YouTube, LLC';
margin-top: 14px;
display: block;
font-size: 10px;
text-align: center;
color: #666;
cursor: text;
}
#page .first h3.guide-item-container .guide-item .display-name {
font-size: 0
}
#page .first h3.guide-item-container .guide-item .display-name:after {
content: 'From YouTube';
font-size: 11px;
display: inline-block;
line-height: 1.2em;
width: 115px;
}
#feed #feed-system-youtube .feed-header.no-metadata .feed-header-details h2 {
font-size: 0;
height: 34px;
}
#feed #feed-system-youtube .feed-header.no-metadata .feed-header-details h2:after {
content: 'From YouTube';
font-size: 15px;
line-height: 34px;
cursor: text;
}
#masthead-expanded .with-sandbar #masthead-expanded-menu .masthead-expanded-menu-header {
font-size: 0
}
#masthead-expanded .with-sandbar #masthead-expanded-menu .masthead-expanded-menu-header:after {
content: 'YouTube';
font-size: 12px;
font-weight: 700;
cursor: text;
}
#masthead-expanded-menu-google-column1 .masthead-expanded-menu-item:nth-child(2) a {
font-size: 0;
}
#masthead-expanded-menu-google-column1 .masthead-expanded-menu-item:nth-child(2) a:after {
content: 'Google+';
font-size: 12px;
}
a:hover {
text-decoration: underline;
}
#watch-player {
-moz-transition: width,height 0.2s ease-in-out;
-o-transition: width,height 0.2s ease-in-out;
-webkit-transition: width,height 0.2s ease-in-out;
}
}
.guide-item.selected,
.guide-item.selected:hover {
border-right-color: #db0009;
}
.html5-play-progress {
z-index: 933;
background-image: -moz-linear-gradient(top, #db0009 0, #b00000 100%);
background-image: -ms-linear-gradient(top, #db0009 0, #b00000 100%);
background-image: -o-linear-gradient(top, #db0009 0, #b00000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #db0009), color-stop(100%, #b00000));
background-image: -webkit-linear-gradient(top, #db0009 0, #b00000 100%);
background-image: linear-gradient(to bottom, #db0009 0, #b00000 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#db0009, EndColorStr=#b00000);
}
.navigation-menu .menu-item .selected a, .navigation-menu .menu-item a.selected {
border-right: 4px solid #db0009; /* change this to your color */
}
.html5-volume-slider {
background-image: url(https://cdn.discordapp.com/attachments/944994138250678323/945248603591565332/real_red.png);
}
.html5-scrubber-button {
background: no-repeat url(https://cdn.discordapp.com/attachments/944994138250678323/945248660277559316/player-common-vfl9MXth9.png) -38px -44px;
}
.seeking-mode .html5-scrubber-button,.html5-scrubber-button:focus,.html5-scrubber-button:hover {
background: no-repeat url(https://cdn.discordapp.com/attachments/944994138250678323/945248660277559316/player-common-vfl9MXth9.png) -91px -125px
}