trakt.tv Dark by BamaBraves by bamabraves

/* ==UserStyle==
@name         trakt.tv Dark by BamaBraves
@version      20220513.01.53
@namespace    userstyles.world/user/bamabraves
@description  Dark
@author       bamabraves
@license      No License
==/UserStyle== */

@-moz-document domain("trakt.tv") {
/* Scrollbar Settings */

 ::-webkit-scrollbar {
 	/* Width */
 	width: 1.2em!important;
 }

 /* Color of handle ___________________________________________________________________________*/

 ::-webkit-scrollbar-thumb {
 	background: #580303!important;
 	background-image: linear-gradient(to right, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border-radius: 22px!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 ::-webkit-scrollbar-thumb:hover {
 	background: #580303!important;
 	background-image: linear-gradient(to left, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of Track ______________________________________________________________________________*/

 ::-webkit-scrollbar-track {
 	background: #170000!important;
 	box-shadow: inset 8px 0 13px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 /* Color of handles at top and bottom ___________________________________________________________*/

 ::-webkit-scrollbar-button {
 	background: #4c0707!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

 ::-webkit-scrollbar-button:hover {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of the bottom corner of the scrollable element, where two scrollbar meet. ______________*/

::-webkit-scrollbar-corner
 {
 	background: #530205!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

::-webkit-scrollbar-corner:hover
 {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

}

@-moz-document domain("trakt.tv") {
/* Site Settings */

* {
	letter-spacing: 1px!important;
	text-decoration: none!important;
	transition: none!important;
}

#actors .tab-links h3,
#credits .tab-links h3,
#info-wrapper .affiliate-links .section .title,#info-wrapper .sidebar .external,#info-wrapper .sidebar .mod-actions,#info-wrapper .sidebar .sections,#info-wrapper .sidebar .vip-actions,#info-wrapper ul.additional-stats li label,
.streaming-links .title
{
	text-transform: capitalize!important;
}

#actors .tab-links h3 .count,
#credits .tab-links h3 .count,
#info-wrapper .affiliate-links .section .title,
#info-wrapper .sidebar .poster,
#info-wrapper .sidebar .external li a,
.posters .poster,.posters>div .quick-icons,
.open>.btn-comment.dropdown-toggle,
.summary-activity .tabs .tab.selected,
:focus,
[class*='btn-'],[class*='btn-'].active,[class*='btn-']:active,[class*='btn-']:focus,[class*='btn-']:hover
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
    text-shadow: none!important;
}

#summary-ratings-wrapper .ul-wrapper {
    overflow-x: hidden;
}

.discover .popular-lists-wrapper .popular-items-wrapper .popular-item:hover .background,
.streaming-links a:hover .icon
{
    transform: none;
}

/*___ Fonts ________________________________________________________________________*/

.features [class^=trakt-icon-], .features [class*=" trakt-icon-"], .features .fa {
    font-size: 41px;
}

#seasons-episodes-sortable .episode-stats a .icon,
#seasons-episodes-sortable .episode-stats a .icon.trakt-icon-check,
#seasons-episodes-sortable .episode-stats a .icon.trakt-icon-user
{
    font-size: 39px;
}

#main-comment .interactions [class*=" trakt-icon-"],
#main-comment .interactions [class^=trakt-icon-],
.comment-wrapper .interactions [class*=" trakt-icon-"],
.comment-wrapper .interactions [class^=trakt-icon-],
.quick-icons .metadata .percentage .fa,
.quick-icons.smaller .actions>a
{
	font-size: 31px!important;
}

.fa-search,
.quick-icons.smaller .metadata .percentage .fa,
body,
p
{
	font-size: 21px!important;
}

#info-wrapper .info .actors-wrapper .posters ul li .name
{
	font-size: 19px!important;
}

#info-wrapper .info .actors-wrapper .posters ul li .character
{
	font-size: 17px!important;
}

.quick-icons .actions>a.watch-now {
    font-size: 1.5em;
}

/*___ Remove Items _________________________________________________________________*/

#adngin-sidebar_left-0,
#info-wrapper .info [data-readmore-toggle],
.dark.frame-grid.visible,
.dark.frame-grid.visible.replace-xlg,
.e20df-a37d6-label,
.pw-tag,
.tooltip,
[id*='e20df-f8539-wrapper']
{
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

/*___ Left/Right/Top/Bottom ________________________________________________________*/

.col-lg-offset-1 {
    margin-left: auto;
}

#recommendations-wrapper.fixed-height,
.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.mobile-title,
.col-md-10.col-md-offset-2.col-sm-9.col-sm-offset-3.ul-wrapper,
.subnav-wrapper
{
    margin-left: 16.5%!important;
}

#info-wrapper .sidebar .btn-watch-now {
    margin-top: 2rem;
}

.quick-icons .metadata .percentage {
    margin-top: -14px;
}

.quick-icons .metadata .percentage .fa {
    margin-top: 18px;
}

/*___ Margins ______________________________________________________________________*/

#standard-features,
.apps #apps-icon-wrapper .info-wrapper,
.col-md-10,
.col-md-2,
.grid-item,
.list-description-wrapper .subnav-text
{
	margin: 12px!important;
}

/*___ Paddings _____________________________________________________________________*/

#info-wrapper .sidebar,
#info-wrapper .sidebar.affixable.affix,
#recommendations-wrapper.fixed-height,
.col-md-10,
.col-md-2,
.grid-item
{
	padding: 12px!important;
}

/*___ Heights ______________________________________________________________________*/

.summary-activity .tab-content .tab-pane .users-wrapper .row
{
	max-height: none!important;
}

#summary-ratings-wrapper .container,
.comment-wrapper.spoiler .comment .comment-text,
.custom-list .list-info .info .overview[data-readmore][aria-expanded=false],
.posters>div h4,
.quick-icons.smaller
{
	height: auto!important;
}

#summary-wrapper, .summary-wrapper {
    height: 84rem;
}

/*___ Widths _______________________________________________________________________*/

.col-lg-10,
.container
{
	width: 98%!important;
}

.col-md-10 {
    width: 82%;
}

.grid-item:not(.col-xlg-3) {
    width: 47%;
}

.col-md-4 {
    width: 31%;
}

.col-xlg-3 {
    width: 23%;
}

.col-md-2 {
    width: 15%;
}

.quick-icons.smaller .actions>a {
    width: 45px;
}

}

@-moz-document domain("trakt.tv") {
/* Font Settings */

a[href]
{
	color: #0ff!important;
	text-shadow: 1px 1px #000!important;
}

a[href]:visited
{
	color: #fc79fc!important;
	text-shadow: 1px 1px #000!important;
}

/*__________________________________________________________________________________*/

#info-wrapper .info .actors-wrapper .posters ul li .name,
.number,
.posters .rank-wrapper .rank, .fanarts .rank-wrapper .rank,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/*__________________________________________________________________________________*/

#actors .tab-links h3 .count,
#credits .tab-links h3 .count,
.streaming-links .title,
.fanarts .fanart h4,
body,
li,
p
 {
	color: #fff!important;
}

/*___ Khaki ________________________________________________________________________*/

#info-wrapper .affiliate-links .section .title,
h1,
h2
 {
	color: #F0E890!important;
}

/*___ Burlywood ____________________________________________________________________*/

h3,
h4,
strong
 {
	color: #e0b880!important;
}

/*___ Sandy Brown __________________________________________________________________*/

h5,
h6,
label
 {
	color: #F0A060!important;
}

/*___ Blue _________________________________________________________________________*/

#summary-wrapper .summary .container h1 .year,
.convert-date,
.fanarts .fanart h3 .year,
.summary-wrapper .summary .container h1 .year,
.year,
time
 {
	color: #07beff!important;
}

#watching-wrapper.kale-header .kale-details .plan-options .plan-option .price, .kale-thanks-header .kale-details .plan-options .plan-option .price  {
	color: #0f0!important;
}

/*__________________________________________________________________________________*/

.btn-default,
input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea
{
	background-color: #5d1b1b!important;
	color: #fff!important;
}

/*__________________________________________________________________________________*/

::selection
{
	background: #ff9!important;
	color: #000!important;
}

pre ::selection
{
	background: #ff9!important;
	color: #fff!important;
}

::placeholder
{
	color: #f48f8f!important;
	opacity: 1;
}


}

@-moz-document domain("trakt.tv") {
/* Background Settings */

body,
html {
	background: url(https://image.ibb.co/hVmiOe/wallpaper_with_black_background_45_free_wallpaper.jpg)no-repeat!important;
	background-attachment: fixed!important;
	background-size: 100%!important;
}

.custom-list .list-info .info .overview[data-readmore][aria-expanded=false] .shade,
.comment-wrapper.featured .comment-text[data-readmore][aria-expanded=false] .shade,
.subnav-text .text[data-readmore][aria-expanded=false] .shade
{
	background-image: none!important;
}

/*___ Background Gray ______________________________________________________________*/

body.main.home #watchnow-wrapper .shade, body.main.home #api-wrapper .shade, body.main.home #apps-wrapper .shade, body.main.index #watchnow-wrapper ...