Old subscribe button for v3, i used old code.
Old subscribe button for v3 by Mairoma
Details
AuthorMairoma
LicenseNo License
Categoryyoutube.com
Created
Updated
Size21 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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,...