140 lines
5.0 KiB
CSS
140 lines
5.0 KiB
CSS
/* ==UserStyle==
|
|
@name Apple-Tube Plus
|
|
@namespace youtube.com
|
|
@version i forgor
|
|
@author lavender software, akira division
|
|
==/UserStyle== */
|
|
|
|
|
|
/*honestly i named this last moment, this is just called "youtube tweakz" in my stylus hehe*/
|
|
/*includes edible captions!*/
|
|
/*dependency (just one!): apple-tube. in the same folder as this*/
|
|
/* fix broken blur, user account popout */
|
|
/**/
|
|
|
|
/*videoplayer controls*/
|
|
.ytp-left-controls{
|
|
filter: drop-shadow(0px 0px 10px)
|
|
drop-shadow(1px 1px 3px #000);
|
|
}
|
|
.ytp-right-controls{
|
|
filter: drop-shadow(0px 0px 10px)
|
|
drop-shadow(1px 1px 3px #000);
|
|
}
|
|
|
|
|
|
|
|
/*sidebar buttons*/
|
|
.yt-simple-endpoint.style-scope.ytd-guide-entry-renderer{
|
|
box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
|
|
margin: 5px!important;
|
|
width: 220px
|
|
}
|
|
|
|
|
|
/* fix broken blur, user account popout */
|
|
|
|
.ytd-multi-page-menu-renderer{
|
|
backdrop-filter: blur(5px);
|
|
border-radius: 10px;
|
|
background: rgba(50, 50, 50, 0.30) !important;
|
|
box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
|
|
}
|
|
.yt-simple-endpoint style-scope ytd-button-renderer{
|
|
display:none;
|
|
}
|
|
.ytd-multi-page-menu-renderer.style-scope.ytd-popup-container {
|
|
backdrop-filter: blur(5px);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
/* searchbox */
|
|
|
|
#container.ytd-searchbox{
|
|
height: 32px;
|
|
border-radius: 32px 0px 0px 32px!important;
|
|
box-shadow: inset 0px 5px 15px #0007, 0px 5px 5px #fff1;
|
|
transition: all ease-out 0.2s;
|
|
}
|
|
#container.ytd-searchbox-spt, .sbfcn{
|
|
height: 35px;
|
|
border-radius: 32px 4px 4px 32px!important;
|
|
box-shadow: inset 0px 5px 15px #fff1, 0px 5px 20px #000, 0px 5px 20px #000;
|
|
transition: background-color, box-shadow ease-in 0.2s;
|
|
}
|
|
|
|
/*searchbox search icon*/
|
|
/*update: is now edible*/
|
|
button#search-icon-legacy.style-scope.ytd-searchbox{
|
|
width: 64px;
|
|
height: 35px;
|
|
color: #fff!important;
|
|
opacity: 1;
|
|
border-radius: 4px 32px 32px 4px!important;
|
|
box-shadow: inset 0px 10px 25px #fff2, inset 0px -10px 25px #0007, 0px 5px 10px #000;
|
|
background-color:#fff2!important;
|
|
transition: all ease-out 0.2s;
|
|
}
|
|
#search-icon-legacy.style-scope.ytd-searchbox:hover{
|
|
background-color:#fff6!important;
|
|
transition: all ease-in 0.2s;
|
|
}
|
|
#search-icon-legacy.style-scope.ytd-searchbox:active{
|
|
box-shadow: inset 0px 10px 25px #000f;
|
|
background-color: #fff1!important;
|
|
transition: all ease-in 0.1s;
|
|
}
|
|
|
|
|
|
|
|
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox{
|
|
color: #fff!important;
|
|
}
|
|
|
|
|
|
/*context menus*/
|
|
|
|
.ytp-popup {
|
|
box-shadow: inset 0px -10px 5px #0003, inset 0px 10px 5px #fff3, inset 0px 20px 15px #fff3, inset 0px 4em 10px #fff1, 0px 5px 5px #000a, inset 0px -5px 5px #fff3;
|
|
backdrop-filter: blur(5px) !important;
|
|
-webkit-backdrop-filter: blur(5px) !important;
|
|
border-radius: 10px !important;
|
|
background: rgba(50, 50, 50, 0.70) !important;
|
|
}
|
|
.ytp-menuitem {
|
|
box-shadow:5px 5px 50px #000 !important;
|
|
border-radius: 5px!important;
|
|
}
|
|
|
|
|
|
|
|
/*video player*/
|
|
#movie_player, .video-stream, .ytp-small-mode {
|
|
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
|
|
/*captions*/
|
|
span.ytp-caption-segment{
|
|
color: #ffff;
|
|
background: #0000!important;
|
|
text-shadow: 0px 0px 5px #0006!important;
|
|
}
|
|
.caption-window, .ytp-caption-window-bottom{
|
|
backdrop-filter: blur(50px)!important;
|
|
border-radius: 5px;
|
|
background-image: linear-gradient(#1115, #0005)!important;
|
|
box-shadow: inset 0px -10px 5px #0003, inset 0px 10px 5px #fff3, inset 0px 20px 15px #fff3, inset 0px 4em 10px #fff1, 0px 5px 5px #000a, inset 0px -5px 5px #fff3;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*rounded square avatars{*/
|
|
.yt-img-shadow#author-photo, #author-photo.yt-live-chat-text-message-renderer, .yt-img-shadow#thumbnail, ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, yt-img-shadow.ytd-channel-renderer, yt-img-shadow#avatar, #avatar.ytd-active-account-header-renderer, yt-img-shadow.ytd-mini-channel-renderer, yt-img-shadow.ytd-topbar-menu-button-renderer, yt-img-shadow.ytd-channel-avatar-editor, #avatar.ytd-c4-tabbed-header-renderer, #author-thumbnail.ytd-comment-simplebox-renderer, #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, #avatar.ytd-video-owner-renderer, yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition, yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition, yt-img-shadow.style-scope.ytd-grid-channel-renderer.no-transition, ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply], #author-thumbnail.ytd-comment-renderer, yt-img-shadow.ytd-comment-renderer, .ytp-flyout-cta, .ytp-flyout-cta-icon, a.ytp-title-channel-logo {
|
|
border-radius: 10% !important;
|
|
}
|