ESJ Zone R18 Cover Fogging by DarkRover

/* ==UserStyle==
@name 			ESJ Zone R18 Cover Fogging
@namespace 		usercss.whatever.nope
@version 		1.0.1.0
@description 	Censored entries (R18-Novel-Cover) Fogging.
@author 		DarkRover
==/UserStyle== */

@-moz-document regexp("https?://(?:[^/\\.]+\\.){0,}esjzone\\.(?:cc|me|one)/(?:(?:|(?:update|list|tags)[^/\\?#]*)(?:[/\\?#].*)?)?$") {
@media all {
	/*-
	Working fine with Firefox v137.
	-*/
	/*- div.card: Cards with R18-badge -*/
	div.card:has(>div.product-badge.top:first-child), 
	/*- div.card: Cards for specific novel with NSFW-Img -*/
	div.card:has(>a[href^="/detail/1743843393.h"]), 
	div.card:has(>a[href^="/detail/1743660208.h"]), 
	/*- nope: Just a End-Of-List selector -*/
	nope#nope.nope 
	{
		& >div.product-badge 
		{
			z-index 		: 1;
			font-size 		: 0.75em;
			line-height 	: 1.0em;
			width 			: 6.0ex;
			height 			: 2.0em;
			text-align 		: center;
			padding-top 	: 0.45em;
			border-radius 	: 5.0px;
			background-color 	: hsla(0,100%,50%,0.75);
		}
		& a.card-img-tiles 
		{
			z-index 	: 0;
			& div.main-img >div:first-child 
			{
				filter 	: 
					blur(5.0px) 
					grayscale(75%) 
				;
				&:hover {
					filter 	: 
						blur(3.0px) 
						grayscale(25%) 
					;
				}
			}
		}
		&:has(div.product-badge:hover) 
		{
			& >div.product-badge 
			{
				opacity 			: 0.25;
				background-color 	: hsla(0,100%,50%,1.0);
			}
			& a.card-img-tiles div.main-img >div:first-child 
			{
				filter 	: none;
			}
		}
		&:has(a.card-img-tiles:hover) >div.product-badge 
		{
			opacity 			: 0.5;
			background-color 	: hsla(0,100%,50%,1.0);
		}
	}
	/*- div.card: Cards for specific novel with SFW-Img -*/
	/*-
	div.card:has(>a[href^="/detail/1736239084.h"]), 
	div.card:has(>a[href^="/detail/1741508999.h"]), 
	div.card:has(>a[href^="/detail/1743487696.h"]), 
	-*/
	/*- nope: Just a End-Of-List selector -*/
	nope#nope.nope 
	{
		& a.card-img-tiles 
		{
			& div.main-img >div:first-child 
			{
				filter 	: none;
				&:hover {
					filter 	: none;
				}
			}
		}
	}
}
}