Full Width for Crunchyroll

fullwidth-crunchyroll.user.css

/* ==UserStyle==
@name         Full Width for Crunchyroll
@namespace    https://gist.github.com/PedroHLC/443557557d1f83bbe4813d7de4b96b29
@homepageURL  https://gist.github.com/PedroHLC/443557557d1f83bbe4813d7de4b96b29
@updateURL    https://gist.githubusercontent.com/PedroHLC/443557557d1f83bbe4813d7de4b96b29/raw/fullwidth-crunchyroll.user.css
@version      0.1.3
@license      Other
@description  I like it taking the display's full width...
@author       PedroHLC (https://pedrohlc.com)
==/UserStyle== */

@-moz-document domain("www.crunchyroll.com") {

  #template_container.template-container { width: 100%; padding: 10px 0; }

  .wide-player-container-16-9 { width: 100%; height: calc(100vw/16*9); }

  #main_content { width: calc(100% - 320px); }

  #welcome_left { min-width:570px; width: calc(100% - 370px); }

  .welcome-crnews-info, .welcome-news-info { width: calc(100% - 190px); }

  #template_container { max-width: 100%; }

  #source_showview { width: auto; }

  #source_showview .season-dropdown, #source_showview .season-dropdown.open { background-position-x: calc(100% - 20px); }
}