Wykop by bamabraves

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

.more,

div.button .target,
section.add-to-bucket-btn>button
 {
  text-transform: capitalize !important;
}

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

.sharing ul.dropdown:not(.clear-styles).icon-more>li span:before,

a.comment-counter:before,

aside.left-panel>section.links>.content ul li i,
aside.left-panel>section.links>.content ul li.home a:before,

button.toggle-watching:before,

section.actions>ul>li.reply:before,
span.comment-counter:before
{
    mask-image: none!important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

[data-label*="ad: "],
aside.left-panel>footer .night-mode-switch
 {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

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

aside.left-panel>section.links>.content ul li i
{
    left: 12px!important;
}

aside.left-panel>section.links>.content ul li a>span
{
    padding: 0 16px 0 3rem!important;
}

/* Margins 
_____________________________________________________________________________________________________*/

.comments font
 {
  margin: 3px 6px !important;
}

/* Heights 
_____________________________________________________________________________________________________*/

aside.left-panel>section.links>.content ul li a
{
    height: 4rem!important;
}

/* Width 
_____________________________________________________________________________________________________*/

main.main[data-theme="default"]>section
{
    max-width: none !important;
}

section.vote-box .dig button
 {
  width: auto !important;
}

section.link-block>section:not([class])>aside
 {
  width: 6% !important;
}

main.main[data-theme="default"]>section
 {
  width: 98% !important;
}

}

@-moz-document domain("wykop.pl") {
/* Media Query */

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

  /* Fonts 
_____________________________________________________________________________________________________*/

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

	section.entry>article>header>div.right>div a.username,
	section.link-block>section:not([class])>article>header .heading
	{
		font-size: 1.85rem !important;
	}

	section.entry-content,
	section.link-block>section:not([class])>article section.info>p
	{
		font-size: 1.52rem !important;
	}

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

	section.entry-content,
	section.link-block.detailed>section:not([class])>article section.info>p,
	section.link-block>section:not([class])>article>header .heading
	{
		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("wykop.pl") {
/* Font Settings */

.more,

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

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

/* Yellow 
_____________________________________________________________________________________________________*/

.current.active.active em,

section.entry-content .wrapper button:hover,

aside.left-panel>section.links>.content ul li:hover em,
aside.left-panel section.cta-bucket>.content section.add-to-bucket-btn>button:hover,

aside.hits-expander>footer .button:not(.expand) .target:hover,

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

/* White 
_____________________________________________________________________________________________________*/

.comments font,
.tooltip,

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

/* Khaki 
_____________________________________________________________________________________________________*/

h1,
h2,

section.entry>article>header>div.right>div a.username font
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

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

/* Sandy Brown 
_____________________________________________________________________________________________________*/

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

/* Blue 
_____________________________________________________________________________________________________*/

time
 {
  color: #07beff !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;
}


}

@-moz-document domain("wykop.pl") {
/* Background Settings */

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

/* Background 
_____________________________________________________________________________________________________*/

main.main
 {
  background: #060505 !important;
  background-color: #060505 !important;
}

aside.left-panel
 {
  background-color: #101010 !important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

aside.left-panel>footer,

section.entry:before,
section.link:before
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Light Blue 
_____________________________________________________________________________________________________*/

section.entry-content .wrapper 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;
}

section.entry-content .wrapper 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;
}

section.entry-content .wrapper button:hover::before
 {
  opacity: 1 !important;
}

/* Green
_____________________________________________________________________________________________________*/

aside.left-panel section.cta-bucket>.content section.add-to-bucket-btn>button
{	
	background: radial-gradient(circle, #05b717a8 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;
}

aside.left-panel section.cta-bucket>.content section.add-to-bucket-btn>button::before
{
	background: radial-gradient(circle, #000 0%, #05b717 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 .8s linear!important;
	z-index: -1!important;
}

aside.left-panel section.cta-bucket>.content section.add-to-bucket-btn>button:hover::before
 {
  opacity: 1!important;
}

/* Gray 
_____________________________________________________________________________________________________*/

aside.hits-expander>footer .button:not(.expand) .target
 {
  background: radial-gradient(circle, #797979a8 0%, #000 100%);
  border-radius: 22px !important;
  border: none !important;
  box-shadow: 1px 1px 1p...