w3schools Dark by BamaBraves by bamabraves

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

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

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

selector
{
	text-transform: capitalize!important;
}

#assignmentcontainer[contenteditable], #assignmentcontainer[contenteditable]~#showcorrectanswercontainer,
.gsc-input-box,	
.gsc-search-button-v2,
.w3-border:not(.w3-btn),
:focus,
form.example button,
form.example input[type=text]
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

table.browserref td {
    column-width: 155px!important;
}

.CodeMirror-cursor {
    border-left: 1px solid #f5e8e8!important;
}

[style="border:none;width:100%;height:120px;"] {
	height: auto!important;
}

code[class*="language-"], pre[class*="language-"] {
    white-space: pre-line!important;
}

/*___ Fonts ________________________________________________________________________*/

#styleDIV,
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *,
.w3-code,
.w3-codespan,
.w3-example p,
code[class*="language-"],
p strong,
pre[class*="language-"],
w3-codeline
{
	font-size: 31px!important;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result,
.w3-button,
.w3-text-dark-grey,
body,
h4,
p
{
	font-size: 21px!important;
}

.CodeMirror pre,
table.bsReference td
{
	font-size: 19px!important;
}

.w3-small
{
	font-size: 17px!important;
}

selector
{
	font-size: 15px!important;
}

.info-text p
{
	line-height: 25px!important;
}

/*___ Remove Items _________________________________________________________________*/

#right.w3-col.l2.m12,
#adngin-mid_content-0,
#darkmodemenu,
#mainLeaderboard,
#skyscraper,
#stickyadcontainer,
.bottomad,
.fa,
[id*='adngin-'],
[id*='google_ads_'],
[xxtitle="Toggle Dark Code"]
{
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

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

.w3-main
 {
    margin-left: auto!important;
}

.w3-main[style="margin-left: 220px; padding-top: 0px;"],
.w3-main[style="margin-left: 220px; padding-top: 44px;"]
 {
    margin-left: 18%!important;
}

.ext_icon_container {
    margin-top: 24px;
}

.exercisemenuinner {
    top: 137px;
}

/*___ Margins ______________________________________________________________________*/

.codecontainer,
.gsc-results .gsc-imageResult,
.gsc-webResult.gsc-result,
.w3-example,
.w3-info,
.w3-note,
.w3-warning
{
	margin: 12px!important;
}

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

/*___ Paddings _____________________________________________________________________*/

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult,
.w3-example,
.container
{
	padding: 12px!important;
}

#runbtn {
    padding: 1px 25px!important;
}

/*___ Heights ______________________________________________________________________*/

selector
{
	max-height: none!important;
}

selector
{
	height: auto!important;
}

/*___ Widths _______________________________________________________________________*/

.container
{
	max-width: none!important;
}

#w3-exerciseform .exerciseprecontainer input,
.codecontainer,
.editablesection,
.w3-sidebar
{
	width: auto!important;
}

#main,
.container
{
	width: 98%!important;
}

.resultcontainer {
    width: 66%!important;
}

.terms-card {
    width: 33%;
}

#leftmenuinner
{
	width: 18%!important;
}


}

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

#colornamestable a:link:hover,
#sidenav a,
.gs-imageResult a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link
{
	color: #0ff!important;
	text-shadow: 1px 1px #000!important;
}

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

/*__________________________________________________________________________________*/

#sidenav a.active,
#sidenav a:hover,
.gs-imageResult a.gs-title:link b:hover,
.gs-imageResult a.gs-title:link:hover,
.gs-webResult.gs-result a.gs-title:link b:hover,
.gs-webResult.gs-result a.gs-title:link:hover,
.gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
.topnav .w3-bar a.active,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/*__________________________________________________________________________________*/

.exercisemenu a.exbtn,
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType,
.gsc-results .gsc-cursor-box .gsc-cursor-page,
.jumbotron,
.w3-btn,
.w3-button,
.w3-code,
.w3-white:not(.w3-btn),
li,
p,
table:not(.w3-table) td
 {
	color: #fff!important;
}

/*___ Khaki ________________________________________________________________________*/

.demoHeader,
.playit,
h1,
h2,
table:not(.w3-table) td:first-child,
table:not(.w3-table) th
 {
	color: #F0E890!important;
	 text-shadow: 2px 2px #000!important;
}

/*___ Burlywood ____________________________________________________________________*/

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

/*___ Sandy Brown __________________________________________________________________*/

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

/*___ Blue _________________________________________________________________________*/

time
 {
	color: #07beff!important;
}

/*___ Green ________________________________________________________________________*/

.info-text h2
 {
	color: #07ff24!important;
}

/*___ Red __________________________________________________________________________*/

selector
 {
	color: #ff0707!important;
}

/*__________________________________________________________________________________*/

input,
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: 13px 12px!important;
	text-align: center;
	vertical-align: middle!important;
}

/*__________________________________________________________________________________*/

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

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

/*___ Misc _________________________________________________________________________*/

#enlargecssprop,
.w3-codespan {
    color: #ffd709 !important;
    padding: 3px 6px !important;
}

#styleDIV,
#w3-exerciseform .exercisewindow,
.CodeMirror pre,
.cm-s-default .cm-bracket,
.cm-s-default .cm-meta,
.cssdelimitercolor,
.grey-color,
.javacolor,
.phpcolor,
.pythoncolor,
.sqlcolor,
.tagcolor,
.token.punctuation,
.w3-block,
.w3-button:hover,
.w3-hover-light-grey:hover,
.w3-light-grey.htmlHigh,
[style="color:mediumblue"],
code[class*="language-"],
pre[class*="language-"]
{
    color: #fff !important;
}

.cm-s-default .cm-atom {
    color: #4ce6ff !important;
}

.cm-s-default .cm-builtin {
    color: #45ffcc !important;
}

.cm-s-default .cm-keyword,
.sqlkeywordcolor {
    color: #ffcc6f !important;
}

.cm-s-default .cm-m-javascript.cm-property,
.csspropertyvaluecolor,
.jspropertycolor {
    color: #9797ff !important;
}

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

.cm-s-default .cm-qualifier,
.jscolor {
    color: #fff087 !important;
}

.cm-s-default .cm-string {
    color: #7dd5ff !important;
}

.cm-s-default .cm-tag {
    color: #ff5151 !important;
}

.cm-s-default .cm-variable {
    color: #00ff72 !important;
}

.cm-s-default .cm-variable-2 {
    color: #ff9696 /*#05a*/;
}

.commentcolor {
    color: #8f908f !important;
}

.cssselectorcolor,
.tagnamecolo...