w3schools by bamabraves

@-moz-document domain("w3schools.com") {
/* ==UserStyle==
@name           w3schools
@namespace      none
@author         BamaBraves
@description    `Black Highlights New Icons`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

/* Site Settings */

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

selector
 {
  text-transform: capitalize !important;
}

#main .ws-yellow,
#main .ws-yellow::before,

.gsc-results .gsc-imageResult,
.gsc-webResult.gsc-result,

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

/* Remove Items 
_____________________________________________________________________________________________________*/

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

/* Left/Right/Top/Bottom 
_____________________________________________________________________________________________________*/

.hideanswerbutton,
.showanswerbutton
{
    right: -136rem;
    bottom: 6rem;
}

/* Margins 
_____________________________________________________________________________________________________*/

selector
 {
  margin: 1.2rem !important;
}

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

/* Paddings 
_____________________________________________________________________________________________________*/

x#breadcrumb
 {
  padding: 1.2rem !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page
 {
  padding: 13px 26px !important;
}

/* Heights 
_____________________________________________________________________________________________________*/

selector
 {
  max-height: none !important;
}

.w3-col.l6,
.w3-code.htmlHigh.notranslate.green-border
 {
  height: auto !important;
}

.w3-hide-small.grey-color.w3-card-2.w3-round
 {
  height: 40rem!important;
}

/* Width 
_____________________________________________________________________________________________________*/

#spacemyfooter
{
    max-width: none !important;
}

selector
 {
  width: auto !important;
}

selector
 {
  width: 98% !important;
}

}

@-moz-document domain("w3schools.com") {
/* Media Query */

@media screen and (min-width: 2560px) {

  /* Fonts 
_____________________________________________________________________________________________________*/

	selector
	{
		font-size: 2.5rem !important;
	}

	.CodeMirror pre,
	
	.gsc-control-cse .gs-result .gs-title *,
	.gsc-control-cse .gs-result .gs-title,
	.gsc-control-cse .gs-spelling
	{
		font-size: 1.85rem !important;
	}

	.footerlinks_2,
	
	.gsc-control-cse,
	.gsc-control-cse .gsc-table-result,
	
	.w3-code,
	
	.w3-col.m12 li,
	.w3-col.m12 p,
	w3-codeline
	{
		font-size: 1.52rem !important;
	}

	selector
	{
		line-height: 2.5rem !important;
	}

	.footerlinks_2
	{
		line-height: 2.1rem !important;
	}

/* Widths 
_____________________________________________________________________________________________________*/

selector
 {
  width: 5rem !important;
}

}

@media (min-width: 1920px) and (max-width: 2559px) {
  /* Fonts 
_____________________________________________________________________________________________________*/

  selector
 {
    font-size: 2.5rem !important;
  }

  selector
 {
    font-size: 1.85rem !important;
  }

  selector
 {
    font-size: 1.52rem !important;
  }

  selector
 {
    line-height: 2.5rem !important;
  }

  selector
 {
    line-height: 2.1rem !important;
  }

  /* Widths 
_____________________________________________________________________________________________________*/

  selector
 {
    width: 4rem !important;
  }

}

}

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

#tnb-search-suggestions .search_item,

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

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

/* Yellow 
_____________________________________________________________________________________________________*/

#getdiploma a:hover,
#getwebsitebtn:hover,

#main .ws-yellow:hover,

#main tr:hover td,

#runbtn:hover,

#subtopnav a.active,

#tnb-search-suggestions .search_active,
#tnb-search-suggestions .search_item:hover,

#w3-exerciseform .w3-btn:hover,

.exmenuitemheader.active,

.gsc-results .gsc-cursor-box .gsc-cursor-current-page,

.nextprev a.w3-left:hover,
.nextprev a.w3-right:hover,

.w3-blue:hover,

.w3-col.m12 a[href]:hover,
.w3-col.m12 h1,
.w3-col.m12 input[type="checkbox"]:checked + label,
.w3-col.m12 input[type="radio"]:checked + label,
.w3-col.m12 strong,

.w3-third .bigbtn:hover,

.w3-info .w3-btn:hover
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

#topTD p,
#w3-exerciseform .exerciseprecontainer,

.gs-fileFormatType,
.gsc-results .gsc-cursor-box .gsc-cursor-page:not(.gsc-cursor-current-page),
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,

.w3-col.m12 body,
.w3-col.m12 div,
.w3-col.m12 li,
.w3-col.m12 p,

.w3-col.m12 td,

body
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

#topTD h1,

.exercisemenu,

.w3-col.m12 h1,
.w3-col.m12 h2,

.w3-col.m12 th,

code,
h1
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

.w3-col.m12 h3,
.w3-col.m12 h4,

b
 {
  color: #e0b880 !important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

.w3-col.m12 h5,
.w3-col.m12 h6,
.w3-col.m12 label
 {
  color: #f0a060 !important;
}

/* Blue 
_____________________________________________________________________________________________________*/

time
 {
  color: #07beff !important;
}

/* Green 
_____________________________________________________________________________________________________*/

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

/* Misc 
_____________________________________________________________________________________________________*/

#iframecontainer h1,
#iframe p
{
	color: #000!important;
}

.attributevaluecolor,.csspropertyvaluecolor {    color: #a2a2f2!important;}
.cm-s-default .cm-string {    color: #5ab7ff /*#a11*/;}
.cm-s-default .cm-variable {    color: #68f8bc;}
.commentcolor,.cm-s-default .cm-meta {    color: #8c8c8c;}
.cssdelimitercolor,.jscolor,.sqlcolor,.w3-code,pre{  color: #fff !important;}
.cssselectorcolor {  color: #ffa5a5 !important;}
.jskeywordcolor {    color: #6e6eff!important;}
.jspropertycolor,.cm-s-default .cm-m-javascript.cm-property {    color: #eeb627!important;}
.tagnamecolor {    color: #ff7373!important;}













}

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

html
 {
  background: #000 !important;
}

selector
 {
  background-image: none !important;
}

/* Background 
_____________________________________________________________________________________________________*/

#breadcrumb,
#container,
#leftmenuinnerinner,

#textareawrapper,
#tryitLeaderboard,

.gsc-modal-background-image,
.menucontainer,

.w3-white,

.w3-light-gray,
.w3-light-grey,

[style="border-right:1px solid #ddd;background-color:#fff;height:70px;position:relative;text-align:center;"]
 {
  background: #060505 !important;
  background-color: #060505 !important;
}

.exercisemenuinner
 {
  background-color: #101010 !important;
}

#tnb-search-suggestions .span_search,
#tnb-search-suggestions .search_active .span_search
 {
  background: #ac05cd !important;
}

table.browserref .bsChrome,
table.browserref .bsEdge,
table.browserref .bsFirefox,
table.browserref .bsOpera,
table.browserref .bsSafari,
table.browserref th
{
  background-color: #0000 !important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

#tnb-search-suggestions .search_item,

#topTD,
#topTD2,

#w3-exerciseform .exerciseprecontainer,

.CodeMirror,

.gsc-results .gsc-imageResult,
.gsc-results .gsc-cursor-box .gsc-cursor-page,
.gsc-webResult.gsc-result,

.w3-hover-light-gray:hover,
.w3-hover-light-grey:hover,

.w3-hover-white:hover,

.ws-table-all tr:nth-child(even),
.ws-table-all tr:nth-child(odd),

.ws-yellow::before,

.exmenulinks a,

table.browserref tr:nth-child(even),
table.browserref tr:nth-child(odd),

xtable.browserref th
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
____________________________________________________________...