Skip to content

Old subscribe button for v3 by Mairoma

Screenshot of Old subscribe button for v3

Details

AuthorMairoma

LicenseNo License

Categoryyoutube.com

Created

Updated

Size21 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Old subscribe button for v3, i used old code.

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 2013 Early Subscribe button for v3
@version      20240319.22.23
@namespace    https://userstyles.world/user/Mairoma
@description  This is the early subscribe button of youtube, also i used the old code, so is very accurate.
@author       Mairoma
@license      No License
==/UserStyle== */
yt-uix-expander-collapsed .collapsable {
 display:none
}
body .yt-uix-button-subscribe-branded,
body .yt-uix-button-subscribed-branded {
 height:24px;
 font-size:11px
}
body .yt-uix-button-subscribe-branded,
body .yt-uix-button-subscribed-branded.external {
 padding:0
}
body .yt-uix-button-subscribed-branded {
 padding:0 6px
}
body .yt-uix-button-subscribe-unbranded,
body .yt-uix-button-subscribed-unbranded {
 font-size:10px;
 padding:0 3px;
 height:18px
}
.yt-uix-button-subscribe-branded,
.yt-uix-button-subscribed-branded,
.yt-uix-button-subscribe-unbranded,
.yt-uix-button-subscribed-unbranded {
 max-width:100%
}
.yt-uix-button-subscribe-branded {
 border:1px solid #ccc;
 background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
 background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
 background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0);
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-branded:hover,
.yt-uix-button-subscribe-branded:active {
 border-color:#333
}
.yt-uix-button-subscribe-branded:hover {
 background-image:-moz-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-o-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#d2d2d2));
 background-image:-webkit-linear-gradient(top,#fff 0,#d2d2d2 100%);
 background-image:linear-gradient(to bottom,#fff 0,#d2d2d2 100%)
}
.yt-uix-button-subscribe-branded:active {
 -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 -ms-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 box-shadow:inset 0 2px 2px rgba(0,0,0,.7);
 background-image:-moz-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-ms-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-o-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(100%,#d2d2d2));
 background-image:-webkit-linear-gradient(bottom,#fff 0,#d2d2d2 100%);
 background-image:linear-gradient(to top,#fff 0,#d2d2d2 100%)
}
.yt-uix-button-subscribe-unbranded {
 border-color:#d8d8d8;
 background-image:-moz-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-o-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));
 background-image:-webkit-linear-gradient(top,#fff 0,#fbfbfb 100%);
 background-image:linear-gradient(to bottom,#fff 0,#fbfbfb 100%);
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-unbranded:hover,
.yt-uix-button-subscribe-unbranded:active {
 border-color:#d5d5d5;
 background-image:-moz-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-ms-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-o-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f1f1f1));
 background-image:-webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
 background-image:linear-gradient(to bottom,#fff 0,#f1f1f1 100%)
}
.yt-uix-button-subscribe-unbranded:active {
 -moz-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 -ms-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 -webkit-box-shadow:inset 0 2px 0 rgba(0,0,0,.25);
 box-shadow:inset 0 2px 0 rgba(0,0,0,.25)
}
.yt-uix-button-subscribed-branded {
 border:1px solid #e1e1e1;
 background:#fff
}
.yt-uix-button-subscribed-unbranded {
 border-color:#b8b8b8;
 background:#fff
}
.yt-uix-button-subscribed-branded.hover-enabled:hover,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover {
 background-color:#a9382e;
 border:1px solid #880904;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px
}
.yt-uix-button-subscribe-branded:focus,
.yt-uix-button-subscribe-unbranded:focus .yt-uix-button-subscribed-branded:focus,
.yt-uix-button-subscribed-unbranded:focus {
 outline:0;
 border-color:#6892e7;
 -moz-box-shadow:0 0 5px rgba(104,146,231,.5);
 -ms-box-shadow:0 0 5px rgba(104,146,231,.5);
 -webkit-box-shadow:0 0 5px rgba(104,146,231,.5);
 box-shadow:0 0 5px rgba(104,146,231,.5)
}
.yt-uix-button-subscribe-branded .yt-uix-button-content,
.yt-uix-button-subscribed-branded .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded .yt-uix-button-content {
 display:inline-block
}
.yt-uix-button-subscribe-branded .yt-uix-button-content {
 position:relative;
 color:#333;
 text-shadow:0 1px 0 #fff
}
.yt-uix-button-subscribed-branded .yt-uix-button-content {
 color:#666;
 opacity:.7
}
.yt-uix-button-subscribe-unbranded .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded .yt-uix-button-content {
 width:100%;
 color:#888;
 line-height:18px;
 text-align:center
}
.yt-uix-button-subscribed-unbranded .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded.ypc-enabled .yt-uix-button-content {
 width:85%
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-content {
 color:#000
}
.yt-uix-button-subscribe-unbranded:hover .yt-uix-button-content,
.yt-uix-button-subscribe-unbranded:active .yt-uix-button-content {
 color:#888
}
.yt-uix-button-subscribed-branded.hover-enabled:hover .yt-uix-button-content,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .yt-uix-button-content {
 color:#fff;
 text-shadow:0 -1px 0 rgba(0,0,0,.5);
 opacity:.9
}
.yt-uix-button-subscribe-branded .yt-uix-button-content span,
.yt-uix-button-subscribed-branded .yt-uix-button-content span {
 padding:0 6px
}
.subscribe-label,
.subscribed-label,
.unsubscribe-label,
.unavailable-label,
.yt-uix-button-subscribed-branded.hover-enabled:hover .subscribed-label,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .subscribed-label {
 display:block;
 line-height:0;
 visibility:hidden;
 overflow:hidden;
 white-space:nowrap;
 word-wrap:normal;
 *zoom:1;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.yt-uix-button-subscribe-branded .subscribe-label,
.yt-uix-button-subscribe-branded .unavailable-label,
.yt-uix-button-subscribed-branded .subscribed-label,
.yt-uix-button-subscribed-branded.hover-enabled:hover .unsubscribe-label {
 line-height:22px;
 visibility:visible
}
.yt-uix-button-subscribe-unbranded .subscribe-label,
.yt-uix-button-subscribe-unbranded .unavailable-label,
.yt-uix-button-subscribed-unbranded .subscribed-label,
.yt-uix-button-subscribed-unbranded.hover-enabled:hover .unsubscribe-label {
 line-height:18px;
 visibility:visible
}
.yt-uix-button-subscribe-branded .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribed-branded.external .yt-uix-button-icon-wrapper {
 position:relative;
 top:-1px;
 left:-1px;
 width:24px;
 height:22px;
 max-height:22px;
 border:1px solid #880904;
 background:#a9382e;
 text-align:center;
 line-height:22px;
 -moz-border-radius-topleft:2px;
 -webkit-border-top-left-radius:2px;
 border-top-left-radius:2px;
 -moz-border-radius-bottomleft:2px;
 -webkit-border-bottom-left-radius:2px;
 border-bottom-left-radius:2px;
 *top:-2px;
 *left:-2px
}
.yt-uix-button-subscribe-branded.ypc-enabled .yt-uix-button-icon-wrapper {
 border-color:#376a29;
 background:#518442
}
.yt-uix-button-subscribe-branded.ypc-unavailable .yt-uix-button-icon-wrapper {
 background:#ccc
}
.yt-uix-button-subscribed-branded.external .yt-uix-button-icon-wrapper {
 border-color:transparent;
 background:#888
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribe-branded:active .yt-uix-button-icon-wrapper {
 border-color:#6c0400
}
.yt-uix-button-subscribe-branded.ypc-enabled:hover .yt-uix-button-icon-wrapper,
.yt-uix-button-subscribe-branded.ypc-enabled:active .yt-uix-button-icon-wrapper {
 border-color:#276a29
}
.yt-uix-button-subscribe-branded:hover .yt-uix-button-icon-wrapper {
 background-image:-moz-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-ms-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-o-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b85046),color-stop(100%,#91251e));
 background-image:-webkit-linear-gradient(top,#b85046 0,#91251e 100%);
 background-image:linear-gradient(to bottom,#b85046 0,#91251e 100%)
}
.yt-uix-button-subscribe-branded.ypc-enabled:hover .yt-uix-button-icon-wrapper {
 background-image:-moz-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-ms-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-o-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6f9c61),color-stop(100%,#38672c));
 background-image:-webkit-linear-gradient(top,#6f9c61 0,#38672c 100%);
 background-image:linear-gradient(to bottom,...

Reviews

No reviews yet.