88 lines
2.4 KiB
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;
|
||
|
|
}
|