Skip to content

aternos uncolored adblock by lijspoop

Screenshot of aternos uncolored adblock
Write a review Install Get Stylus

Details

Authorlijspoop

LicenseMIT License

Categoryaternos.org

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Removes the bright red BACKGROUND by moving it to the button

Notes

When you open a website at night, and a bright red page hits you in the face... Don't rush to close it! Just add this style to yourself, just for free! And you won't have to put up with this eye-popping background.

Source code

/* ==UserStyle==
@name           aternos.org uncolored adblock
@namespace      aternos.org
@version        1.0.0
@description    Removes the bright red BACKGROUND by moving it to the button
@author         lijspoop
==/UserStyle== */
@-moz-document domain("aternos.org") {
	span > div[style*="background: #F62451"] {
		background: inherit !important;
	}

	body:has(span:not([style*="display: none"]) > div[style*="background: #F62451"]) {
		.btn.btn-white {
			z-index: 1;
			overflow: hidden;
			position: relative;
		}

		.btn.btn-white::before {
			content: "";
			width: 40px;
			height: 40px;
			position: absolute;
			left: calc(50% - 20px);
			top: 0;
			background-color: #F62451;
			z-index: -1;
			border-radius: 100%;
			-webkit-animation: pulse 3s ease infinite;
			animation: pulse 3s ease infinite;
		}

		.btn.btn-white::after {
			content: "";
			width: 40px;
			height: 40px;
			position: absolute;
			left: calc(50% - 20px);
			top: 0;
			background-color: #F62451;
			z-index: -1;
			border-radius: 100%;
			-webkit-animation: pulse 3s ease infinite;
			animation: pulse 3s ease infinite;
			-webkit-animation-delay: 0.75s;
			animation-delay: 0.75s;
		}
	}

	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0.8;
		}

		100% {
			-webkit-transform: scale(15);
			transform: scale(15);
			opacity: 0;
		}
	}

	@keyframes pulse {
		0% {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0.8;
		}

		100% {
			-webkit-transform: scale(15);
			transform: scale(15);
			opacity: 0;
		}
	}
}

Reviews

No reviews yet.