crunchyroll-userstyles.css

@-moz-document domain("crunchyroll.com") {
/*! Crunchyroll Dark - XHS v1.1.2 (2019-05-20)
/*! Repository: https://github.com/Soitora/xhs-styles/
/*! License:	https://creativecommons.org/licenses/by-sa/4.0/
*/

/* Variables */

:root {
	--xhs-primary: /*[[primary]]*/;
	--xhs-secondary: /*[[secondary]]*/;
	--xhs-border: /*[[border]]*/;
	--xhs-highlight: /*[[highlight]]*/;
	--xhs-title: /*[[title]]*/;
	--xhs-body: /*[[body]]*/;
	--xhs-orange: /*[[orange]]*/;
	--xhs-blue: /*[[blue]]*/;
	--xhs-green: /*[[green]]*/;
	--xhs-purple: /*[[purple]]*/;
	--xhs-brown: /*[[brown]]*/;
	--xhs-red: /*[[red]]*/;
}

/*! Main Code !*/

/* Changes for v1.1.1 */

.resume-play {
    background: #c76200;
}
.add-queue-button.not-queued {
    background: #004868;
}
.availability-notes-low a.text-link {
    color: #F1F1F1;
}
.rating-histogram .rating-proportion {
    background: #c76200;
}
.header-menubar li a:hover, .header-menubar li.state-selected a {
    color: #c76200;
}
.header-menubar .freetrial-note, .add-queue-button.not-queued {
    color: #c76200!important;
}
.cart-badge, .user-notification-badge {
    background: #c76200;
    color: #F1F1F1;
}
#template_body .special-button, #template_body a.special-button, #template_body input.special-button, #template_body span.special-button, .special-button, a.special-button, input.special-button, span.special-button {
    text-shadow: 0 1px 4px #c76200!important;
    border: 0px!important;
    background: #c76200!important;
}
.old-template-body a.block-link, a.block-link, .new-template-body a.block-link {
    color: #0A6DA4!important;
}
select {
    background: #191919;
    color: #BBB;
    border: solid 1px #555;
}
a.bbtool img {
    background-color: #eee;
    border: 1px solid #aaa;
}
.button.medium-button, a.button.medium-button, input.button.medium-button, span.button.medium-button {
    background: #c76200!important;
    color: #F1F1F1!important;
}
.payment-method-label {
    background-color: #1E1E1E;
    color: #F1F1F1;
    border: 0px!important;
}
.error-details {
    background-color: #1E1E1E;
    color: #F1F1F1;
}

/*
/* Changes for v1.1.0
*/

.availability-notes-high {
	background: #c76200;
}
.availability-notes-low {
	background: #004868;
}
.rating-histogram .rating-bar {
	background: #212121;
}
ul.topbar-nav-sub li.highlight a {
	background-color: #c76200!important;
	color: #fff
}
#template_action_button a,
.action-button {
	border-width: 0px;
	background-color: #c76200;
	color: #fff;
}
#template_action_button a:hover,
.action-button:hover {
	opacity: 0.8;
	border-width: 0px;
	background-color: #c76200;
	color: #fff;
}
.search-submit-button {
	border-right: 0px solid;
	border-top: 0px solid;
	border-bottom: 0px solid;
	background-image: url(https://i.imgur.com/z3rpQvd.png);
}
a.forum_main-topic-desc-numcomments {
	background: url(https://i.imgur.com/jXhwCbT.png) no-repeat;
}
.widget-forumcategory-display-title .widget-forumcategory-display-title-link {
	color: #aaa;
	font-weight: 700;
	flex: 0 1 auto;
}
.showforumtopic-message-user,
.showforumtopic-message-user-footer {
	border-right: 2px solid #242424;
}
.showforumtopic-message-footer {
	border-bottom: 2px solid #242424;
}
.paginator-lite,
.paginator-lite-selected {
	background-color: #191919;
	border: 1px solid #505050;
	color: #f1f1f1;
}
.paginator-lite-disabled {
	border: 1px solid #242424;
	background-color: #191919;
}
.paginator-lite:hover {
	background-color: #0A6DA4;
}
.bb-quoters {
	background: url(https://i.imgur.com/PSggody.png) no-repeat;
}
.bb-quoters-end {
	background: url(https://i.imgur.com/595D40Q.png) no-repeat;
}
.showforumtopic-message-user-thumblink img {
	background-color: #191919;
	border: 0px;
}
.premium-value-props {
	background: #1E1E1E;
	color: #ccc;
	fill: #c76200;
}
main>footer {
	background: #1E1E1E;
}
.form-area {
	background: #00000000;
	color: #606060;
}
select#sort-selector {
	background: #191919;
	color: #BBB;
	border: solid 1px #555;
}
#welcome_right > div:nth-child(2) > div {
    border: 0px!important;
}
.welcome-recent-ep a {
    display: inline;
    padding: 2px 0;
    color: #ccc;
}
::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: #c76200;
	border: 0px none #ffffff;
	border-radius: 13px;
}
::-webkit-scrollbar-thumb:hover {
	background: #7d3b10;
}
::-webkit-scrollbar-thumb:active {
	background: #7d3b10;
}
::-webkit-scrollbar-track {
	background: #222222;
	border: 0px none #ffffff;
	border-radius: 26px;
}
::-webkit-scrollbar-track:hover {
	background: #222222;
}
::-webkit-scrollbar-track:active {
	background: #222222;
}
::-webkit-scrollbar-corner {
	background: transparent;
}

/* 
/* CSS changes as per GitHub Issue #4 by TBlazeWarriorT
*/

#source_home #main_content .landscape-element {
    background: #303030;
}

#source_home .landscape-grid li .queue-wrapper {
	background: #303030;
}
#source_home .queue-to-top {
	background: url(https://i.imgur.com/kBuiJBq.png) -3px 0 no-repeat;
}
#source_home .dropdown-collection {
	background: url(https://i.imgur.com/PofM8pS.png) 0 0 no-repeat;
}
#source_home .more-options {
	background: #111;
}
.collection-carousel-arrow {
	background: url(https://i.imgur.com/L9EFgy0.png) no-repeat -40px 42px;
}
body,
.new-template-body,
textarea,
ul.news-top-stories-row li a,
.anime-lineup-blurb,
span,
ul.news-abbr .byline {
	/*General text*/
	color: #F1F1F1 !important;
}
.new-template-body h1 {
	/*Ep name*/
	color: #AAA;
}
.portrait-element,
#store_items li {
	background: #252525;
}
.button.medium-button,
a.button.medium-button,
input.button.medium-button,
span.button.medium-button {
	background: #292929;
}
html.no-js body.main-page.responsive.enUS div#template_scroller.ad-skin div#template_container.cf.template-container.no-adskin div#template_body.cf.new-template-body div div#showmedia.cf.new_layout div#main_content.left div.guestbook.comments.box div#boxMEDIAKEY_781148.boxcontents div.guestbook-sort-bar div.sort-options.small-margin-right select#sort-selector {
	background: #333;
	color: #BBB;
	border: solid 1px #555;
}

/*
/* CSS for MAL-Sync
*/

#source_showview .season-dropdown.open, #source_showview .season-dropdown {
    color: #8A8A8A;
    background-color: #1E1E1E!important;
    border: 0px!important;
}

/*
/* Main
*/

.container-shadow {
	background-color: #191919;
}
* {
	text-shadow: none!important;
	text-decoration: none !important;
	box-shadow: none!important;
	border-radius: 0px!important;
}
img.portrait,
img,
.thumb-group-small-mug a img,
.user-profile-thin-gb .guestbook-mug img,
.thumb-user-small-mug a img,
.search-video-thumbs .media-thumb-wide,
.welcome-crnews-mug img,
.welcome-news-mug img,
.welcome-media-mug img,
.newsfeed-bottom-nav {
	border: 0px solid red;
}
main {
	background: #191919;
}
.login-page main,
.resetpw-page main {
	background: #191919;
}
/* Review */

#showview_content_reviews .no_reviews_notification {
	background-color: #191919;
}
.default-button,
a.default-button,
input.default-button,
span.default-button {
	color: #8A8A8A;
	border: 1px solid #8A8A8A;
	background: transparent;
}
/* Comments */

textarea {
	background: #191919;
	border: 0px solid red;
}
textarea.text-input {
	border: 0px solid red;
}
.comments .more-replies {
	background-color: #191919;
	border-top: 1px solid #191919;
}
.comments .boxtitle {
	border-bottom: 2px solid #191919;
}
/* Header */

.site-header {
	background: #1E1E1E;
}
.header-menubar li a {
	color: #8A8A8A;
}
.isolated-page-header {
	background-color: #1E1E1E;
}
input {
	background-color: #191919;
	color: #A8A8A8;
}
/* Search */

.header-search-form {
	border: 0px solid red;
	border-left: 2px solid #A8A8A8;
}
.header-search-autocomplete {
	border: .0625rem solid #2E2E2E;
	background: #191919;
}
.header-search-autocomplete a {
	border-bottom: .0625rem solid #2E2E2E;
	border-right: .0625rem solid #2E2E2E;
}
.header_search_result_name {
	color: #8A8A8A;
}
.header_search_result_type {
	color: #0A6DA4;
}
.header-search-autocomplete a:focus,
.header-search-autocomplete a:hover,
.header_search_autocomplete_item_focused {
	background-color: #2E2E2E;
}
.search-body {
	border-left: 1px solid #2E2E2E;
}
ul.search-tabs .highlight a,
ul.search-tabs a:hover {
	background-color: #191919;
}
ul.search-tabs a {
	color: #0A6DA4;
}
.search-video-thumbs .series,
.search-results .name {
	color: #0A6DA4;
}
.search-video-thumbs .name {
	color: #0A6DA4;
}
/* Forms */

.forms {
	background: #1E1E1E;
	border: .1rem solid #2E2E2E;
}
.std-form input,
.std-form textarea {
	background: #191919;
}
.std-form input,
.std-form select,
.std-form textarea {
	border: .1em solid #2E2E2E;
	border-top-color: #2E2E2E;
	border-right-color: #2E2E2E;
	border-bottom-color: #2E2E2E;
	border-left-color: #2E2E2E;
}
input.validated-input:invalid,
textarea.validated-input:invalid {
	background: url(http://www.crunchyroll.com//i/freetrial/validation/icon_x.png) #191919 right 1.3em center/1em no-repeat;
}
.std-form [name="signup_with_profile[gender]"],
.std-form [type="radio"] {
	background: #1E1E1E;
	border: .1em solid #2E2E2E;
}
.std-form [type="radio"]:checked {
	background: #F78C25;
	border: .1em solid #2E2E2E;
}
.std-form [type="checkbox"] {
	border: .1em solid #2E2E2E;
}
.signup-form-section {
	border-right: .0625rem solid #2E2E2E;
}
.login-page .form-area,
.resetpw-page .form-area {
	background-color: #1E1E1E;
}
/* Message Box*/

.message-container {
	background: #293940;
}
.search-form-channel input[type=text] {
	border: 0px solid #A8A8A8;
	border-left: 2px solid #8A8A8A;
}
/* Body */

body.main-page {
	background-color: #191919 !important;
}
body {
	background-color: #191919 !important;
}
body,
.new-template-body,
textarea,
ul.news-top-stories-row li a,
.anime-lineup-blurb,
span,
ul.news-abbr .byline {
	color: #8A8A8A;
}
#template_container.template-container,
#template_body.old-template-body,
.lineup-container,
#main_content .landscape-element,
#source_manga_showview #main_content .landscape-grid li .wrapper {
	background: #1E1E1E;
}
/* Content */

.welcome-simulcasts .welcome-simulcasts-collection a {
	color: #A8A8A8;
}
.welcome-simulcasts .welcome-simulcasts-episode:hover {
	background-color: #1E1E1E;
}
.welcome-simulcasts .welcome-simulcasts-episode {
	color: #A8A8A8;
}
.show-all-simulcasts-button:hover {
	border-color: #191919;
}
.show-all-simulcasts-button {
	background: #191919;
	border: 1px solid #191919;
	color: #8A8A8A;
}
/* Welcome News*/

.welcome-crnews-title,
.welcome-news-title {
	color: #0A6DA4;
}
/* Free Trial */

#showmedia_free_trial_signup {
	background: #1E1E1E;
	border: 0px solid #2E2E2E !important;
	border-left: 1px solid #2E2E2E !important;
	border-right: 1px solid #2E2E2E !important;
	border-bottom: 1px solid #2E2E2E !important;
}
.showmedia-free-trial-header {
	background: #1E1E1E;
	border: 0px solid #2E2E2E !important;
	border-top: 1px solid #2E2E2E !important;
}
/* New Series */

.welcome-latest-videos .series {
	color: #0A6DA4;
}
.welcome-latest-videos .name {
	color: #8A8A8A;
}
.welcome-latest-videos .ordernum {
	color: #0A6DA4;
}
/* Sidebar */

#welcome_left {
	border-right: 1px solid #2E2E2E;
}
#sidebar,
.welcome-countdown-day,
.welcome-crnews-item,
.welcome-news-item,
.old-template-body .cr-header,
ul.news .news-date-label,
.showcrunchynews .news-header2,
.showcrunchynews .tag-header,
.showcrunchynews .comments-header,
.forum-category-head,
div.forum-category-head,
.forum-category-head,
h2.forum-category-head,
.showforumtopic-postreply-header,
.user-profile-header,
.user-profile-link,
.user-profile-box h3,
.library-category-header,
.welcome-recent-episodes .welcome-recent-link,
.manga-countdown-items,
ul.newsfeed .news-date-label,
.showcrunchynews .top-news {
	border-bottom: 1px solid #2E2E2E;
}
#sidebar h3 {
	color: #8A8A8A;
}
.landscape-grid .wrapper:hover {
	background: #2E2E2E;
}
.old-template-body a.block-link,
a.block-link {
	color: #14A9FF;
}
.welcome-block h1,
.welcome-title-list h1 {
	border-bottom: 0px solid red;
}
.welcome-block h1 a,
.welcome-title-list h1 a {
	color: #8A8A8A;
}
.welcome-forum-category {
	border-bottom: 0px solid red;
}
.welcome-forum-category a {
	color: #0A6DA4;
}
.welcome-pulse-box a {
	color: #0A6DA4;
}
.welcome-pulse-box a:hover {
	background-color: #2E2E2E;
}
.welcome-countdown-items a {
	color: #14A9FF;
}
.welcome-countdown-items a:hover {
	background-color: #2E2E2E;
}
.welcome-recent-link a {
	color: #A8A8A8;
}
/* Footer */

#footer_menu {
	background-color: #191919;
}
#footer_menu {
	display: none;
}
.isolated-page-footer {
	background-color: #191919;
	border-top: .1em solid #2E2E2E;
}
/*------------------------------- Sections -------------------------------*/

/* Simulcast */

.main-tabs,
#tabs,
.main-tabs a:hover,
.main-tabs a.selected,
.main-tabs a.selected:hover,
.main-tabs a {
	background: transparent;
}
.main-tabs a.selected {
	color: #8A8A8A;
}
.main-tabs a {
	color: #0A6DA4;
}
.portrait-element,
#store_items li {
	background: #1E1E1E;
}
.wrapper .portrait-element:active,
body .wrapper .landscape-element:active {
	background: #191919!important;
}
.new-template-body h3,
.guestbook-list,
ul.news .body,
.news-footer-more,
.search-results a,
#source_manga_showview .more-options,
ul.newsfeed .body {
	border-top: 1px solid #2E2E2E;
}
/* Series Highlighted - Other Popular Shows */

.old-template-body a.block-link,
a.block-link,
.new-template-body a.block-link {
	color: #14A9FF;
}
/* Episode List */

#main_content_white,
.white-wrapper {
	background: #191919;
}
#showmedia_about_info_details span {
	color: #8A8A8A;
}
.guestbook-sort-bar {
	border-top: 1px solid #191919;
	padding-top: 3px;
	background-color: #191919;
}
.guestbook-spoiler-checkbox {
	color: #ef3333;
}
/* Animes */

#source_showview .season-dropdown.open,
#source_showview .season-dropdown {
	color: #8A8A8A;
	background-color: #191919;
	border: 1px solid #8A8A8A;
}
/* News */

ul.topbar-nav-sub {
	background-color: #1E1E1E;
}
ul.topbar-nav-sub li.highlight a {
	background-color: #8A8A8A;
}
ul.news-top-stories-row li a {
	border: 0px solid red;
	background: #191919;
}
ul.news h2 a {
	color: #0A6DA4;
}
ul.news .news-date-label {
	color: #8A8A8A;
}
ul.news li.news-item-pegged,
ul.news li.news-item,
ul.news-abbr,
.showcrunchynews .bottom-nav,
.orderstatus-grid td {
	border: 1px solid #2E2E2E;
}
.news-bottom-nav {
	border: 0px solid red;
	background: #191919;
}
.news-header-right a {
	color: #0A6DA4;
}
.showcrunchynews .previous-label,
.showcrunchynews .next-label {
	color: #8A8A8A;
}
#slidebox {
	background-color: #191919;
	border: 1px solid #0A6DA4;
}
#slidebox h2 a {
	color: #0A6DA4;
}
.showcrunchynews h1 a {
	color: #0A6DA4;
}
ul.newsfeed li {
	border: 0px dotted red;
	border-bottom: 2px solid #2E2E2E !important;
}
ul.newsfeed h2 a {
	color: #0A6DA4;
}
/* Calendar */

.day.active .calendar-day {
	background: #191919;
}
.calendar h1>a {
	color: #A8A8A8;
}
h1.day-name {
	color: #0A6DA4;
}
.calendar .pagination-arrow,
.simulcast-lineup-toggle .mode-button {
	background-color: #191919;
}
.simulcast-lineup-toggle .mode-button {
	border-right: 0px solid red;
}
.simulcast-calendar {
	color: #0A6DA4;
}
/* Forum */

.topbar-nav-trail a {
	color: #0A6DA4;
}
.topbar-nav-trail a:hover {
	color: #0A6DA4;
}
.forum_main-topic-desc,
.group-card {
	background: #191919;
}
a.forum_main-topic-desc-title {
	color: #14A9FF;
}
.group-card-name {
	color: #0A6DA4;
}
.forumcategory-site-rules-block,
.widget-forumcategory-header,
.showforumtopic-header {
	background-color: #191919;
}
.widget-forumcategory-display td,
.widget-forumcategory-display th,
.forum_series-display td,
.forum_series-display th {
	border: 1px solid #2E2E2E;
}
.forum_series-display-title a:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #8A8A8A;
}
.forum_series-display-title a {
	color: #0A6DA4;
}
.widget-forumcategory-display-title a {
	color: #0A6DA4;
}
.pollwidget {
	background: #1E1E1E;
}
.pollwidget-showpoll {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #0A6DA4;
}
.showforumtopic-fblike {
	background-color: rgba(0, 0, 0, 0);
}
.showforumtopic-messages td {
	background-color: #191919;
}
.showforumtopic-message-user-name a {
	color: #0A6DA4;
}
.showforumtopic-message-user-details {
	color: #0A6DA4;
}
.bb-quote {
	color: #A8A8A8;
	background-color: #191919;
	border: 1px solid #2E2E2E;
}
/* Profile Page */

.library-tab-widget .tab-contents-container,
.user-profile-interests td a,
.acct-contents,
.inbox-body-contents {
	border-left: 1px solid #2E2E2E;
}
.library-tab-widget .tab-contents-container {
	border-top: 1px solid #2E2E2E;
}
.old-template-body .boxcontents {
	border: 1px solid #2E2E2E;
}
.old-template-body .boxtitle {
	background: #191919;
}
.library-tab-widget .tab a {
	border-top: 0px solid red;
	border-right: 0px solid red;
}
.library-tab-widget .tab-container .highlight a {
	background-color: #191919;
}
.library-tab-widget .tab a {
	background-color: #2E2E2E;
}
.tab-container .tab a {
	color: #0A6DA4;
}
.photoalbum-list,
.thumb-product .mug {
	border: 1px solid #2E2E2E;
}
.user-profile-link:hover,
.search-results a:hover {
	background-color: #2E2E2E;
}
.user-profile-link:hover img {
	background-color: rgba(0, 0, 0, 0);
}
/* Edit Profile */

div.acct-nav a,
.inbox-nav-contents a {
	color: #0A6DA4;
}
.acct-nav a:hover,
.inbox-nav-contents li a:hover {
	background-color: #191919;
}
.text-input[type=text],
.text-input[type=password],
textarea.text-input {
	border: 1px solid #2E2E2E;
}
.acct-nav a.highlight,
.inbox-nav-contents li.highlight a {
	background-color: #2E2E2E;
}
/* Inbox */

.pm-subject {
	color: #8A8A8A;
}
ul.topbar-nav-sub li.dim a:hover {
	background-color: #191919;
	color: #8A8A8A;
}
/* Change Color */

div[style="background-color:#FFF6CF"],
div[style*="#FFF6CF"] {
	background-color: #1E1E1E !important;
}
.header-menubar .freetrial-note,
.add-queue-button.not-queued {
	color: #F78C25;
}
a,
a.text-link.strong,
a.text-link,
a.twitter-follow-button,
.sub-tabs-menu .calendar-link {
	color: #0A6DA4;
}
#showmedia_about_info_details {
	color: #A8A8A8;
}
#template_body .special-button,
#template_body a.special-button,
#template_body input.special-button,
#template_body span.special-button,
.special-button,
a.special-button,
input.special-button,
span.special-button {
	text-shadow: 0 1px 4px #F78C25;
	border: 1px solid #F78C25;
	background: #F78C25;
}
.action.type-primary {
	background-color: #F78C25;
	border-color: #F78C25;
}
main .headline strong {
	color: #F78C25;
}
.tablist a.action {
	background-color: #1E1E1E;
	border: .0625rem solid #F78C25;
	color: #F78C25;
}
.subscription-page a {
	color: #F78C25;
}
.episode-progress-bar {
	background: #1E1E1E;
}
.default-button,
a.default-button,
input.default-button,
span.default-button {
	border: 1px solid #2E2E2E;
}
}