AST Explorer Dark by BamaBraves by bamabraves

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

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

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

selector
{
	text-transform: capitalize!important;
}

selector,
:focus
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

html {
    font-family: arial!important;
}

/*___ Fonts ________________________________________________________________________*/

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like,
html
{
	font-size: 21px!important;
}

.time
{
	font-size: 19px!important;
}

/*___ Remove Items _________________________________________________________________*/

.fa-code-fork.fa.fa-lg.fa-fw,
.fa-css3.fa.fa-lg.fa-fw,
.fa-file-o.fa.fa-lg.fa-fw,
.fa-jsfiddle.fa.fa-lg.fa-fw,
.icon-GraphQL_Logo.fa-lg.fa-fw,
.icon-handlebars.fa-lg.fa-fw,
.icon-ocaml.fa.fa-lg.fa-fw
{
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

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

#Toolbar .menuButton ul {
    margin-top: -2px;
}

/*___ Paddings _____________________________________________________________________*/


input
{
	padding: 13px 6px!important;
}

}

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

/*__________________________________________________________________________________*/

#Toolbar .menuButton ul li:hover button,
.output .toolbar > button.active,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/*__________________________________________________________________________________*/

#Toolbar > *, #Toolbar > .menuButton > span, #Toolbar button,
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like,
body,
button,
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 _________________________________________________________________________*/

.time
 {
	color: #07beff!important;
}

/*__________________________________________________________________________________*/

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 _________________________________________________________________________*/

.cm-s-default .cm-atom {    color: #00ffe4;}
.cm-s-default .cm-attribute {    color: #ffad00;}
.cm-s-default .cm-builtin {    color: #fa94ff;}
.cm-s-default .cm-comment {    color: #a2a09e;}
.cm-s-default .cm-def {    color: #00d0ff;}
.cm-s-default .cm-keyword {    color: #e004ff;}
.cm-s-default .cm-meta {    color: #ffcfcf;}
.cm-s-default .cm-number {    color: #ceff2d;}
.cm-s-default .cm-qualifier {    color: #fcffd5;}
.cm-s-default .cm-string {    color: #ff1d1d;}
.cm-s-default .cm-tag {    color: #24ff00;}
.cm-s-default .cm-variable-2 {    color: #0080ff;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {    color: #00ff9f;}
.cm-s-default .cm-header {    color: #44f5ff;}






}

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

.CodeMirror,
.highlight
{
	background: #000!important;
}

.CodeMirror .marked, .entry.highlighted {
    border-radius: 22px;
    background-color: #79020242;
}

/*___ Background Gray ______________________________________________________________*/

#contribution,
#Toolbar,
#Toolbar .menuButton ul
{
	background: #060505!important;
	background-color: #060505!important;
}

.CodeMirror-gutters,
.editor .CodeMirror-gutters
{
    background-color: #1a1a1a!important;
}

/*___ Plain ________________________________________________________________________*/

#Toolbar .menuButton ul
{
	background-color: #111!important;
	border-radius: 22px!important;
	border: 1px solid rgba(0, 0, 0, .25)!important;
	box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0!important;
}

#Toolbar .menuButton ul:hover
{
	box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0!important;
}

/*__ Code ___________________________________________________________________________*/

pre
{
	background: url(https://image.ibb.co/e8fWZk/red_carbon_pattern_by_mystica_264_d4ceu9m.png) #111!important;
	background-size: 100%!important;
}

/*___ Highlight Background _________________________________________________________*/

.CodeMirror-code div[style="position: relative;"]:hover
{
	background: linear-gradient(to right, #383838, #0000)!important;
	border-left-color: #434343!important;
}

/*___ Radial Background _________________________________________________________*/


.output .toolbar > button.active
{
	background: radial-gradient(ellipse at center, #00809d 0%,#0e0e0e00 70%)!important;
}


}

@-moz-document domain("astexplorer.net") {
/* Image Settings */

#Toolbar .menuButton ul li,
.CodeMirror-linenumber,
.CodeMirror pre.CodeMirror-line
 {
	filter: brightness(75%)!important;
}

/*__________________________________________________________________________________*/

#Toolbar .menuButton ul li:hover,
.CodeMirror pre.CodeMirror-line:hover .CodeMirror-linenumber,
.CodeMirror pre.CodeMirror-line:hover
 {
	filter: brightness(100%)!important;
}

/*__________________________________________________________________________________*/

img
 {
	border-radius: 22px!important;
}

/*__________________________________________________________________________________*/

img
 {
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
}

}

@-moz-document domain("astexplorer.net") {
/* New Icons */

input[type="checkbox"] {
    appearance: none;
	margin: 0 3px;
}

.fa {
    font-size: 26px;
}

.tree-visualization > .toolbar label {
    margin-right: 19px;
}

/* Checkmark _______________________________________________________________________________*/

/* Big Check ___________________________*/

selector
{
	background: url(https://i.ibb.co/ZMNmHwc/Mcrw-IRxnnrq.png) no-repeat!important;
	box-sizing: border-box;
}

selector {
    background-size: 41px!important;
    height: 42px!important;
    padding-left: 42px!important;
    width: 1px!important;
}

/* Checked ___________________________*/

input[type="checkbox"]:checked
{
	background: url(https://i.ibb.co/HgsTqFS/checkbox-checked.png) no-repeat!important;
	box-sizing: border-box;
}

/* Unchecked ________________________*/

input[type="checkbox"]
{
	background: url(https://i.ibb...