Fallen London Dark by BamaBraves by bamabraves

/* ==UserStyle==
@name         Fallen London Dark by BamaBraves
@version      20220321.13.00
@namespace    userstyles.world/user/bamabraves
@description  Dark
@author       bamabraves
@license      No License
==/UserStyle== */

@-moz-document domain("fallenlondon.com") {
/* 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("fallenlondon.com") {
/* Site Settings */

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

.button,
.nav--tabs .nav__item
{
	text-transform: capitalize!important;
}

.nav__button--tabs:hover,
.nav__button--tabs.active,
.button--primary:before,.button--secondary:before,
.button.button--disabled:active:before,.button.button--disabled:before,.button.button--disabled:focus:before,.button.button--disabled:hover:before,
.button[disabled]:active:before,.button[disabled]:before,.button[disabled]:focus:before,.button[disabled]:hover:before,
.img-bordered:before,.img-selected,
.myself-profile__panel:before,
.nav--tabs .nav__item.active>a, .nav--tabs .nav__item.active>a:focus, .nav--tabs .nav__item.active>a:hover,.nav--tabs .nav__item>a:hover,
.outfit-controls__dropdown-container,
.storylet,
.tab-content__bordered-container:before,
:focus,
fieldset[disabled] .button:active:before,fieldset[disabled] .button:before,fieldset[disabled] .button:focus:before,fieldset[disabled] .button:hover:before
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

.signup-avatar:hover {
    transform: none;
}

.general-container__row {
    display: block;
}

/*___ Fonts ________________________________________________________________________*/

.item__name
{
	font-size: 23px!important;
}

.item__value,
p
{
	font-size: 21px!important;
}

/*___ Remove Items _________________________________________________________________*/

selector
{
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

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

.stack-content {
    margin-left: 0.08333%;
}

.items.items--list {
    margin-top: 2rem;
}

/*___ Margins ______________________________________________________________________*/

.equipment-group-list__item,
.col-secondary
{
	margin: 12px!important;
}

.col-tertiary
{
    margin: -45rem 82%!important;
}

.news {
    margin: 51rem 2%!important;
}

.col-primary
{
    margin: -40rem 19%!important;
}

/*___ Paddings _____________________________________________________________________*/

.equipment-group-list__item,
.col-primary,
.col-secondary,
.col-tertiary,
.tab-content--inverse
{
	padding: 12px!important;
}

.tab-content__bordered-container {
    padding: 2rem 0;
}

.nav__button--tabs,
.nav--tabs .nav__item>a
{
	padding: 13px 16px;
}

/*___ Widths _______________________________________________________________________*/

.col-primary,
.col-secondary,
.col-tertiary
{
	max-width: none!important;
}

.stack-content {
    width: 100%;
}

.col-primary
{
	width: 62%!important;
}

.col-secondary,
.col-tertiary
{
	width: 18%!important;
}

}

@-moz-document domain("fallenlondon.com") {
/* Font Settings */

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

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

/*__________________________________________________________________________________*/

.item__value,
.nav__button--tabs:hover,
.nav__button--tabs.active,
.inner-tab:hover,
.inner-tab--active,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/*__________________________________________________________________________________*/

.tab-content--inverse,
.button[disabled],
body,
li,
p
 {
	color: #fff!important;
}

/*___ Khaki ________________________________________________________________________*/

.item__name,
.cms-page h2,
.heading--2,
.purchase-outfit-slot-modal__header,
.snippet__heading,
h1,
h2
 {
	color: #F0E890!important;
}

/*___ Burlywood ____________________________________________________________________*/

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

/*___ Sandy Brown __________________________________________________________________*/

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

/*___ Blue _________________________________________________________________________*/

.heading--4,
time
 {
	color: #07beff!important;
}

/*___ Green ________________________________________________________________________*/

selector
 {
	color: #07ff24!important;
}

/*___ Red __________________________________________________________________________*/

selector
 {
	color: #ff0707!important;
}

/*__________________________________________________________________________________*/

.css-88n967-control,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea
{
	background-color: #5d1b1b!important;
	border-radius: 22px!important;
	color: #fff!important;
	padding: 3px 12px!important;
}

/*__________________________________________________________________________________*/

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

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

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

/*___ Misc _________________________________________________________________________*/

.buttonlet-enabled {
    color: #3f727700;
}

}

@-moz-document domain("fallenlondon.com") {
/* 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;
}

.storylet::before,
.myself-profile__panel,
.myself-profile__cameo-border,
.myself-profile__lodgings-border,
.branch,
.media--root,
.tab-content:before
{
	background-image: none!important;
}

selector
{
	background: #000!important;
}

/*___ Background Gray ______________________________________________________________*/

.top-stripe
{
	background: #060505!important;
	background-color: #060505!important;
}

/*___ Background 0000 ______________________________________________________________*/

[aria-live='polite']:active,
.css-j3lsp3-control:hover,
.tab-content:before,
.premium-sub-purchase-card__body,
.equipment-group__name
{
	background: #0000!important;
	background-color: #0000!important;
}

/*__ Blue __________________________________________________________________________*/

.button--primary
{
	background-image: linear-gradient(to bottom right, #043dda, #000)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3), inset -2px -3px 5px rgba(255, 255, 255, 0.5)!important;
	color: #fff!important;
}

.button--primary:hover
{
	background-image: linear-gradient(to bottom right, #154eeb, #000)!important;
	color: #ff0!important;
}

.button--primary:active
{
	box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
}

/*__ Red __________________________________________________________________________*/

.button--tertiary
{
	background-image: linear-gradient(to bottom right, #da0404, #000)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
	color: #fff!important;
}

.button--tertiary:hover
{
	background-image: linear-gradient(to bottom right, #eb1515, #000)!important;
	color: #ff0!important;
}

.button--tertiary:active
{
	box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
}

/*__ Orange ________________________________________________________________________*/

.button--secondary
{
	background-image: linear-gradient(to bottom right, #da3a04, #000)!important;
	border...