Skip to content

YouTube Branding for Vap(e)Tube by tester

Screenshot of YouTube Branding for Vap(e)Tube

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
}

Reviews

No reviews yet.