Stylus Dark by BamaBraves by bamabraves

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

@-moz-document regexp("chrome-extension:\\/\\/.*") {
/* 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 regexp("chrome-extension:\\/\\/.*") {
/* Site Settings */

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

selector
{
	text-transform: capitalize!important;
}

#header summary h2,
input[type="checkbox"]:not(.slider),
:focus
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

body
{
	letter-spacing: 1px!important;
}

.aligned
{
	display: inline-block;
}

/*___ Fonts ________________________________________________________________________*/

#header h1
{
	font-size: 21px!important;
}

#header summary h2,
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like,
.active #filters-stats
{
	font-size: 19px!important;
}

.filter-selection select
{
	font-size: 17px!important;
}

#name,
.applies-to li .applies-value,
body,
label,
select
{
	font-size: 15px!important;
}

selector
{
	line-height: 25px!important;
}

/*___ Remove Items _________________________________________________________________*/

.resize-grip
{
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

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

.options-column:first-child label
{
	padding-left: 37px!important;
}

#sections
{
	padding-left: 21%!important;
}

#search-params span
{
	padding-left: 12px!important;
}

.entry .menu-item > span,
#disable-all-wrapper .main-controls label,
#find-styles-inline-group label {
    padding-left: 37px!important;
}

#basic-info label
{
	margin-top: 13px!important;
	padding-left: 34px!important;
}

#basic-info-enabled input, #basic-info-enabled svg {
    margin: 2px 0!important;
}

input[type="checkbox"]:not(.slider):checked + .svg-icon.checked
{
	left: 7px!important;
	top: -6px!important;
}

#basic-info input[type="checkbox"]:not(.slider),
.entry.disabled svg,
.entry.enabled svg
{
	left: 14px!important;
	top: 0!important;
}

.entry.enabled svg,
.entry.disabled svg,
input[type="checkbox"]:not(.slider)
{
	left: 14px!important;
	top: 0!important;
}

.style-name a, .style-edit-link,
[title="Write new style as usercss"]
{
    margin-left: 16px!important;
}

.filter-selection .select-arrow {
    top: -7px;
    right: -38px;
}

#installed {
	margin-left: 18rem!important;
}

.checkmate {
    margin-left: -33px!important;
}

.select-resizer {
    left: 38px!important;
}

.applies-to li .applies-value-wrapper {
	margin-left: 41px!important;
}

/*___ Margins ______________________________________________________________________*/

#header .filter-selection label
{
	margin: 24px!important;
}

.option.aligned
{
	margin: 12px!important;
}

selector
{
	margin: 3px 6px!important;
}

/*___ Paddings _____________________________________________________________________*/

selector
{
	padding: 12px!important;
}

.CodeMirror-linewidget
{
	padding: 15.1px;
}

xxxbutton
{
	padding: 3px 12px!important;
}

/*___ Heights ______________________________________________________________________*/

xxx
{
	max-height: none!important;
}

xxx
{
	height: auto!important;
}

.CodeMirror
{
	height: 96%!important;
}

/*___ Widths _______________________________________________________________________*/

selector
{
	max-width: none!important;
}

#stylus-popup
{
	width: auto!important;
}

selector
{
	width: 98%!important;
}

#header
{
	width: 21%!important;
}
}

@-moz-document regexp("chrome-extension:\\/\\/.*") {
/* Font Settings */

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

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

/*__________________________________________________________________________________*/

#toc li.current:not(:only-child),
.CodeMirror-activeline-gutter .CodeMirror-linenumber,
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
{
	color: #ff0!important;
}	

/*__________________________________________________________________________________*/

body,
li,
p
{
	color: #fff!important;
}

/*___ Khaki ________________________________________________________________________*/

h1,
h2
{
	color: #F0E890!important;
}

/*___ Burlywood ____________________________________________________________________*/

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

/*___ Sandy Brown __________________________________________________________________*/

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

/*___ Blue _________________________________________________________________________*/

.newUI .entry .style-info[data-type=age],
time
{
	color: #07beff!important;
}

/*___ Green ________________________________________________________________________*/

selector
{
	color: #07ff24!important;
}

/*___ Red __________________________________________________________________________*/

selector
{
	color: #ff0707!important;
}

/*__________________________________________________________________________________*/


[placeholder="Enter a name"],
input:not([type]),
input[type="search"],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea
{
	background-color: #641a1a!important;
	border-radius: 22px!important;
	color: #fff!important;
	padding-left: 10px!important;
}

/*__________________________________________________________________________________*/

.cm-matchhighlight,
::selection
{
	background: #53442f!important;
	color: #000!important;
}

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

/*___ Misc _________________________________________________________________________*/

.CodeMirror
{
	color: #eee;
}

.cm-property
{
	color: #f48f8f;
}

.cm-s-default .cm-atom
{
	color: #ff8c00;
}

.cm-s-default .cm-builtin
{
	color: #b18fff;
}

.cm-s-default .cm-comment
{
	color: #c5c2be;
}

.cm-s-default .cm-def
{
	color: #56ffef;
}

.cm-s-default .cm-keyword
{
	color: #e52dff;
}

.cm-s-default .cm-meta
{
	color: #ffcece;
}

.cm-s-default .cm-number
{
	color: #e4ff00;
}

.cm-s-default .cm-qualifier
{
	color: #01d0ff;
}

.cm-s-default .cm-string
{
	color: #ff1a1a;
}

.cm-s-default .cm-tag
{
	color: #24ff00;
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type
{
	color: #00ff9f;
}

.cm-variable
{
	color: #8ff4ca;
}

.CodeMirror-cursor
{
	border-left: 1px solid white;
}
}

@-moz-document regexp("chrome-extension:\\/\\/.*") {
/* Background Settings */

body,
html
{
	background: #000!important;
}

selector
{
	background-image: none;
}

/*___ Background Gray ______________________________________________________________*/

.CodeMirror-gutters,
#options,
.applies-to
{
	background: #060505!important;
	background-color: #060505!important;
}

selector
{
	background-color: #1a1a1a!important;
}

/*___ Background 0000 ______________________________________________________________*/

#message-box-buttons,
.CodeMirror,
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like,
input[type="checkbox"]:not(.slider):hover
{
	background: #0000!important;
}

/*___ Background-color 0000 ________________________________________________________*/

.CodeMirror-hints
{
	background-color: #000!important;
}

/*__ Blue __________________________________________________________________________*/

selector
{
	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;
}

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

selector:active
{
	box-shadow: inset 2px 2px 1px black, inset 2p...