Youtube... But with better subtitles. by littlebanana

/* ==UserStyle==
@name           Youtube... But with better subtitles.
@namespace      github.com/openstyles/stylus
@version        1.0.35
@description    Youtube... But with better subtitles.
@author         LittleBanana
@advanced dropdown outline "Subtitle outline or/and shadow?"{
1 "Just outline" <<<EOT text-shadow:
    -/*[[outlinesize]]*\/px -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     0px   -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px  0px   0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px  /*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     0px    /*[[outlinesize]]*\/px 0 /*[[outlinecolor]]*\/,
    -/*[[outlinesize]]*\/px  /*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
    -/*[[outlinesize]]*\/px  0px   0px /*[[outlinecolor]]*\/
EOT;
2 "Just shadow" <<<EOT text-shadow:0px 0px /*[[shadowblur]]*\/px /*[[outlinecolor]]*\/ !important EOT;
3 "Both" <<<EOT text-shadow:0px 0px /*[[shadowblur]]*\/px /*[[outlinecolor]]*\/,
    -/*[[outlinesize]]*\/px -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     0px   -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px -/*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px  0px   0px /*[[outlinecolor]]*\/,
     /*[[outlinesize]]*\/px  /*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
     0px    /*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
    -/*[[outlinesize]]*\/px  /*[[outlinesize]]*\/px 0px /*[[outlinecolor]]*\/,
    -/*[[outlinesize]]*\/px  0px   0px /*[[outlinecolor]]*\/ EOT;
4 "None" <<<EOT EOT;
}
@advanced dropdown outlinesize "Subtitle outlinesize?"{
1 "Normal" <<<EOT 1 EOT;
2 "Thick"  <<<EOT 2 EOT;
}
@advanced dropdown align "Align subtitles to center?"{
1 "On" <<<EOT text-align: center!important EOT;
2 "Off"  <<<EOT EOT;
}
@advanced text shadowblur "Subtitle shadow blur size?" "7"
@advanced text textsize "Subtitle size?" "18"
@advanced color subtitlebackground "Subtitle background color? (Don't forget to lower down opacity)" "#00000060"
@advanced color subtitlecolor "Subtitle color?" "#ffffff"
@advanced color outlinecolor "Subtitle outline color?" "black"
@advanced dropdown custombackground "Custom background image?"{
1 "Off" <<<EOT background: /*[[subtitlebackground]]*\/!important EOT;
2 "On" <<<EOT background: url(/*[[url]]*\/)!important EOT;
}
@advanced text url "Custom background url" ""
@advanced dropdown customsize "Custom background size?"{
0 "Default" <<<EOT default EOT;
1 "Contain" <<<EOT contain EOT;
2 "Cover" <<<EOT cover EOT;
}
}
==/UserStyle== */
@-moz-document domain("youtube.com") {
    .html5-video-player *{cursor:pointer}

    @keyframes slide{from{left: -20%;}to{left: 120%}}
    
@font-face {
	font-family:'Netflix Sans';
	font-weight:100;
	src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff2) format('woff2'), url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff) format('woff')
}

.ytp-caption-segment 
{color: /*[[subtitlecolor]]*/ !important;font-family: Netflix Sans, Helvetica Nueue, Helvetica, Arial, sans-serif !important;font-weight:bolder!important;/*[[outline]]*/;font-size: /*[[textsize]]*/px !important;background: transparent !important}
.caption-window{border-radius: 5px!important;/*[[custombackground]]*/;background-size: /*[[customsize]]*/ !important;/*[[align]]*/}

ytd-notification-renderer:not(.unread){filter: grayscale(0.5);opacity: 0.5}
    
}