Skip to content

Instantly share code, notes, and snippets.

@eramdam
Last active January 26, 2020 00:33
Show Gist options
  • Save eramdam/4aecac71a565b09a497ca748fc0bf66d to your computer and use it in GitHub Desktop.
Save eramdam/4aecac71a565b09a497ca748fc0bf66d to your computer and use it in GitHub Desktop.
/* ==UserStyle==
@name Crunchyroll large/responsive video player - 1/25/2020, 4:32:28 PM
@namespace github.com/eramdam
@version 1.0.0
@description What the title says
@author Damien Erambert (Eramdam)
==/UserStyle== */
@-moz-document regexp("https://www.crunchyroll.com/[a-z-]+/episode-[a-z-0-9]+") {
#template_container {
width: 90vw !important;
/* Feel free to adjust this however you like. */
max-width: 1400px !important;
}
#showmedia_video_box_wide {
position: relative;
width: 100%;
height: auto;
}
.wide-player-container-16-9::before {
padding-bottom: calc(100% / (16/9));
}
#showmedia_video_box_wide::before {
content: '';
display: block;
}
#showmedia_video_box_wide > :first-child {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment