Changes the look from late 2013 to mid 2013 within the fixes.
VORAPIS, but better by Danbytronic
Details
AuthorDanbytronic
LicenseNo License
Categoryyoutube.com
Created
Updated
Size6.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This requires V3 to get it functionally working.
Source code
/* ==UserStyle==
@name VORAPIS, but better
@namespace youtube.com
@version 1.0.0
@description Changes the look from late 2013 to mid 2013 within the fixes.
@author Danbytronic
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
.oz-notification-entry {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-webkit-transition: margin .2s;
transition: margin .2s;
background-color: white;
font: 13px Arial, sans-serif;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-east-asian: normal;
font-variant-alternates: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-feature-settings: normal;
font-variation-settings: normal;
font-variant-position: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: normal;
font-family: Arial, sans-serif;
margin: 0 20px 8px;
overflow: hidden;
position: relative;
width: 360px;
outline: none;
}
#yt-masthead-user {
#sb-button-notify {
width: 32px;
border: solid 1px #d3d3d3;
background: linear-gradient(#fcfcfc, #f8f8f8);
text-shadow: 0 1px rgba(255,255,255,.5);
&:hover {
border-color: #c6c6c6;
background: linear-gradient(#f8f8f8, #eee);
}
&:active {
border-color: #c6c6c6;
background: #e9e9e9;
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}
&.sb-notif-on {
border-color: #c13828 !important;
background: #d94a38;
color: #fff;
}
&.sb-notif-off {
&:before {
content: "0";
font-size: 11px;
opacity: 1;
}
}
.yt-uix-button-content {
background: none;
position: unset;
border: none;
}
.yt-uix-button-icon-wrapper {
display: none;
}
}
}
.gaiabar {
z-index: 2 !important;
}
html[cosmic-buttons] {
.yt-uix-button-subscribed-branded:not(:hover):not(:active),
#yt-masthead-user #sb-button-notify.sb-notif-off {
border-color: #ccc #ccc #aaa !important;
box-shadow: inset 0 0 1px #fff;
background: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);
color: #555;
text-shadow: 0 1px 0 #fff;
}
#yt-masthead-user #sb-button-notify.sb-notif-off:hover {
border-color: #aaa #aaa #999 !important;
background-image: linear-gradient(to bottom,#f0f0f0 0,#e6e6e6 100%);
box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
}
}
.mdt2-button-clear-search-bar {
position: absolute;
top: 0;
right: 0;
padding: 0 4px;
height: 65%;
margin: 5px;
border: 1px solid transparent;
border-radius: 1.5px;
color: #666666;;
}
.mdt2-button-clear-search-bar:hover {
border: 1px solid #c6c6c6;
background: #f0f0f0;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
box-shadow: 0 1px 0 rgba(0,0,0,0.10)
}
.mdt2-button-clear-search-bar:focus, .mdt2-button-clear-search-bar:focus:hover {
-moz-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
-ms-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
-webkit-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
box-shadow: 0 0 0 2px rgba(27,127,204,0.4)
}
.mdt2-button-clear-search-bar button, .mdt2-button-clear-search-bar input[type="button"], .mdt2-button-clear-search-bar input[type="reset"], .mdt2-button-clear-search-bar input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
color: #666666;
background-color: white;
border-radius: 1px;
border: 1px solid transparent;
}
.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 {
display: inline;
margin: 0 -6px;
}
.share-service-icon {
vertical-align: middle;
background: no-repeat url(https://web.archive.org/web/20130902091835im_/https://s.ytimg.com/yts/imgbin/www-sharing-vflKCov7b.png) 0 -1842px;
background-size: auto;
width: 32px;
height: 32px;
}
.share-service-icon-facebook {
background-position: 0 -1680px;
}
.share-service-icon-twitter {
background-position: 0 -288px;
}
.share-service-icon-googleplus {
background-position: 0 -1232px;
}
.share-service-icon-mail {
background-position: 0 -2020px;
}
.share-service-icon-reddit {
background-position: 0 -1984px;
}
.share-service-icon-vkontakte {
background-position: 0 -364px;
}
.share-service-icon-odnoklassniki {
background-position: 0 -776px;
}
.share-service-icon-pinterest {
background-position: 0 -1912px;
}
.share-service-icon-blogger {
background-position: 0 -1948px;
}
.share-service-icon-tumblr {
background-position: 0 -988px;
}
.share-service-icon-linkedin {
background-position: 0 -876px;
}
.share-service-icon-stumbleupon {
background-position: 0 -252px;
}
.share-service-icon-goo {
background-position: 0 -60px;
}
.cc-international .ytp-subtitles-button {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) 0 -921px;
background-size: auto;
width: 30px;
height: 27px
}
.cc-international .ytp-subtitles-button:focus,.cc-international .ytp-subtitles-button:hover {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) 0 -890px;
background-size: auto;
width: 30px;
height: 27px
}
.cc-international .ytp-subtitles-button-active {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -34px -433px;
background-size: auto;
width: 30px;
height: 27px;
}
.cc-international .ytp-subtitles-button-active {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -17px -2244px;
background-size: auto;
width: 30px;
height: 27px
}
.cc-international .ytp-subtitles-button-active:focus,.cc-international .ytp-subtitles-button-active:hover {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -17px -2244px;
background-size: auto;
width: 30px;
height: 27px
}
}