made-in-akira/webdev/userstyles/Apple-Tube_Plus.css~

88 lines
2.4 KiB
CSS

/* ==UserStyle==
@name Apple-Tube Plus
@namespace lavender software, akira division
@version i forgor
==/UserStyle== */
/*honestly i named this last moment, this is just called "youtube tweakz" in my stylus userstyle manager and will probably stay that way*/
/*includes edible captions!*/
/*dependency (just one!): apple-tube. in the same folder as this*/
/* fix broken blur, user account popout */
.ytd-multi-page-menu-renderer{
backdrop-filter:blur(50px);
border-radius: 10px;
box-shadow: 5px 5px 50px #000a !important;
}
.yt-simple-endpoint style-scope ytd-button-renderer{
display:none;
}
.ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
box-shadow: 5px 5px 40px #000 !important;
border-radius: 10px;
}
/* searchbox */
ytd-searchbox[desktop-search-bar-big-tap-target] #search-form.ytd-searchbox {
height: 32px;
border-radius: 32px!important;
}
ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox {
border: 1px solid var(--ytd-searchbox-legacy-button-border-color);
background-color: var(--ytd-searchbox-legacy-button-color);
cursor: pointer;
height: 32px!important;
border-radius: 0px 32px 32px 0px!important;
}
/*searchbox search icon*/
ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
width: 24px;
height: 24px;
color: #fff!important;
opacity: 1;
}
/*context menus*/
.ytp-popup {
box-shadow: 5px 5px 50px #000 !important;
backdrop-filter: blur(50px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
background: rgba(50, 50, 50, 0.30) !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: 5px !important;
box-shadow: -5px -5px 10px #111111ff, 5px 7px 10px #ffffff15;
}
/*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(10px)!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;
}