Down For A Cross by bamabraves

/* ==UserStyle==
@name           Down for a Cross
@namespace      none
@author         BamaBraves
@description    `Black Highlights New Icons`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("downforacross.com") {
/* Site Settings */

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

.action-menu--list--action,
.entry,

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

p
{
    white-space: pre-line!important;
}


/* Width 
_____________________________________________________________________________________________________*/

.grid {
	height: 60rem !important;
    width: 60rem !important;
}


}

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

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

  /* Fonts 
_____________________________________________________________________________________________________*/

	.cell--value
	{
		font-size: 2.5rem !important;
	}

	.entry--top--left p
	{
		font-size: 1.52rem !important;
	}

	.react-flex-view.entry--main p
	{
		font-size: 1.2rem !important;
	}

	.cell--number
	{
		font-size: 1rem !important;
	}

/* Widths 
_____________________________________________________________________________________________________*/

	.react-flex-view.flex-column
	{
		flex: 5 0 auto;
	}

}

@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("downforacross.com") {
/* 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;
}

/* Yellow 
_____________________________________________________________________________________________________*/

.action-menu--list--action:hover span,
.clues--list--scroll--clue.selected,
.toolbar button:hover,

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

/* White 
_____________________________________________________________________________________________________*/

.action-menu--list--action,
.chat--system-message,

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

/* Khaki 
_____________________________________________________________________________________________________*/

.chat--header--title,
.entry--top--left p,

.jss2,
.jss4,

.react-flex-view.flex-column.checkbox-group span[style="font-weight: 600; margin-top: 10px; margin-bottom: 10px;"],

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

/* Burlywood 
_____________________________________________________________________________________________________*/

.react-flex-view.entry--main p,

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

/* Sandy Brown 
_____________________________________________________________________________________________________*/

b,

h5,
h6,

label
 {
  color: #f0a060 !important;
}

/* Blue 
_____________________________________________________________________________________________________*/

.clock,

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

selector
 {
  color: #fff !important;
}

}

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

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

/* Background Transparent 
_____________________________________________________________________________________________________*/

.action-menu--list--action:hover,
.welcome
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Light Blue 
_____________________________________________________________________________________________________*/

.toolbar button
 {
  background: radial-gradient(circle, #058db7a8 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;
}

.toolbar button::before
 {
  background: radial-gradient(circle, #000 0%, #058db7 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;
}

.toolbar button:hover::before
 {
  opacity: 1 !important;
}

/* Plain 
_____________________________________________________________________________________________________*/

.action-menu--list,
.entry--container
 {
  background-color: #111 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 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;
  padding: 0.5rem !important;
}

.action-menu--list:hover,
.entry--container:hover
 {
  box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0 !important;
}

/* Blue Gradient 
_____________________________________________________________________________________________________*/

.nav
 {
  background: linear-gradient(to bottom, #6aa9f4, #000 100%) !important;
}

/* Green Gradient 
_____________________________________________________________________________________________________*/

[style="background-color: rgba(197, 221, 176, 0.4);"]
 {
  background: linear-gradient(to bottom, #15534d 0%, #000 100%) !important;
}

/* Gray Gradient 
_____________________________________________________________________________________________________*/

.player--main--clue-bar
 {
  background: linear-gradient(to bottom, #242323 0%, #000 100%) !important;
}

/* Highlight Background 
_____________________________________________________________________________________________________*/

.clues--list--scroll--clue.selected
 {
  background: linear-gradient(to right, #008aff, #0000) !important;
  border-left-color: #434343 !important;
}

}

@-moz-document domain("downforacross.com") {
/* Image Settings */

.action-menu--list--action,
.entry--container,
.toolbar--color-attribution-toggle
 {
  filter: brightness(75%) !important;
  z-index: 999 !important;
}

/*
_____________________________________________________________________________________________________*/

.action-menu--list--action:hover,
.entry--container:hover,
.toolbar--color-attribution-toggle.on
 {
  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("downforacross.com") {
/* New Icons */

input[type="checkbox"],
input[type="radio"]
{
appearance: none !important;
}

.fa-check-square:before,
.fa-info-circle:before,
.fa-pencil:before
{
    content: "";
}

.fa
{
	font-size: 2.5rem!important;
}

.toolbar {
    font-size: 30pt;
}

/* Checkmark 
_______________________________________________________________________________*/

/* Big Check ___________________________*/

/* Checked ___________________________*/

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

/* Unchecked ________________________*/

selector
{
	background: url(https://i.ibb.co/thJkp9V/big-check-off.png) no-repeat...