wikiHow by bamabraves

@-moz-document domain("wikihow.com") {
/* ==UserStyle==
@name           wikiHow
@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;
}

#breadcrumb,

.toc_header
 {
  text-transform: capitalize !important;
}

#mw-mf-page-center .search,

.hp_thumb,

kbd,

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

#byline_hover,

.qa_user_hover.hint_box
{
	z-index: 9999!important;
}

x.qa_user_hover.hint_box
 {
    display: block!important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

#hp_special_message #hp_special_main.three_article #hp_special_main_article_version_text,
#hp_special_message #hp_special_main.three_article #hp_special_main_article_version_text_top,

#promopair_container.wh_ad_spacing,
#sidebar,

.wh_ad_inner,

[id*='scrollto_ad_']
 {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

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

.headline_container h3,
.headline_container h2
{
    margin-left: 6rem!important;
}

#hp_languages, #hp_newsletter {
	margin-top: 15px;
}

/* Margins 
_____________________________________________________________________________________________________*/

#hp_featured {
	margin: 3rem;
}

.step {
	margin: 0 30px 0 5rem;
}

/* Paddings 
_____________________________________________________________________________________________________*/

selector
 {
  padding: 1.2rem !important;
}

selector
 {
  padding: 13px 26px !important;
}

/* Heights 
_____________________________________________________________________________________________________*/

selector
 {
  max-height: none !important;
}

selector
 {
  height: auto !important;
}

.section .tool div,
.section .headline_container
{
	height: 6rem!important;
}

/* Width 
_____________________________________________________________________________________________________*/

#byline_hover,

#content_inner,
#content_wrapper,

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

.qa_user_hover.hint_box
{
	width: fit-content!important;
}

#hp_trustworthy h2,
#hp_trustworthy p
{
	width: 77%;
}

#content_inner,
#content_wrapper
{
	width: 98% !important;
}

#hp_featured {
	width: 92rem;
}

#hp_languages, #hp_newsletter,
#hp_contribute
{
	width: 42rem;
}

.header #actions li
{
	width: 10rem;
}



}

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

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

  /* Fonts 
_____________________________________________________________________________________________________*/

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

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

	#hp_lang_list a,
	
	.altblock,

	.content #intro li,
	.content .section_text ul li,

	.step
	{
		font-size: 1.52rem !important;
	}
	
	.header #actions li .nav
	{
		font-size: 1rem !important;
	}

	#intro p
	{
		line-height: 2.5rem !important;
	}

	.content #intro li,
	.content .section_text ul li,
	p
	{
		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("wikihow.com") {
/* Font Settings */

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

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

/* Yellow 
_____________________________________________________________________________________________________*/

#hp_contribute #hp_contribute_container a:hover,

.altblock span,
.step_num,

a.large_pdf_link:hover,
a.large_offline_link:hover,

a[href]:hover,

button#gatAccuracyNo:hover,
button#gatAccuracyYes:hover,

h1,

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

.explore_menu .menu_item_sub,
.header #actions li .nav,
.menuitem,
.sp_expert_blurb,

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

/* Khaki 
_____________________________________________________________________________________________________*/

.explore_menu_line.section_name_line a,
.toc_header,

h1,
h2,

kbd
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

.explore_menu .menu_item_sub:first-child,

.qa_expert_area .qa_user_label,
.qa_ta_area .qa_user_label,
.qa_staff_area .qa_user_label,

b,

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

/* Sandy Brown 
_____________________________________________________________________________________________________*/

.sp_coauthor_label,

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

/* Blue 
_____________________________________________________________________________________________________*/

.last_updated_highlighted,

time
 {
  color: #07beff !important;
}

/* Green 
_____________________________________________________________________________________________________*/

#coauthor_byline .eat_tag,

.wh_vote_container .wh_vote_up
 {
  color: #07ff24 !important;
}

/* Red 
_____________________________________________________________________________________________________*/

a.wh_vote_down.wh_vote_box
 {
  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 
_____________________________________________________________________________________________________*/

.altblock,

[href*="#_note-"]
 {
  color: #56f9ff !important;
}

}

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

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

#gatAccuracyYes
 {
  background-image: none !important;
}

/* Background 
_____________________________________________________________________________________________________*/

#mw-mf-page-center .search
 {
  background: #060505 !important;
  background-color: #060505 !important;
}

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

/* Background Transparent 
_____________________________________________________________________________________________________*/

#content_wrapper,

#hp_container_outer,
#hp_discussions_section .trending_title,
#hp_news,
#hp_special_message #hp_special_main.three_article .hp_thumb,
#hp_trustworthy,

#imr_widget_chat,
#intro,

#mw-mf-page-center,
#mw-mf-viewport,

#sliderbox.orange,

.pre-content,

.section > .headline_container:not(.subheadline),
.section_text,

.steps .headline_container,
.steps .section_text,
.steps_text
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Blue 
_____________________________________________________________________________________________________*/

selector
 {
  background: radial-gradient(circle, #1b8bc8a8 0%, #000 100%) !important;
  border-radius: 22px !important;
  border: none !important;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff50 !important;
  color: #fff !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

selector::before
 {
  background: radial-gradient(circle, #000 0%, #1b8bc8 100%) !important;
  border-radius: 22px !important;
  bottom: 0;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff80 !important;
  color: #ff0 !important;
  content: "";
  left: 0;
  opacity: 0 !important;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.8s linear !important;
  z-index: -1 !important;
}

selector:hover::before
 {
  opacity: 1 !important;
}

/* Red 
____________________________________________________________________________...