From e579a2c5054fe64b31549c327cc17734842abbd7 Mon Sep 17 00:00:00 2001 From: UltraLion <49597041+UltraLionfr@users.noreply.github.com> Date: Wed, 1 Sep 2021 16:19:21 +0200 Subject: [PATCH] Update one_piece.css --- css/one_piece.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/css/one_piece.css b/css/one_piece.css index 05c4b8e..72b8a39 100644 --- a/css/one_piece.css +++ b/css/one_piece.css @@ -9342,3 +9342,36 @@ textarea::-webkit-scrollbar { #MemberCount { background: transparent!important; } + +/*-------Blur spoiler-------*/ +/*blurs spoiler text instead of having a black bar over it*/ +.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9, +.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover, +.contents-2mQqc9 .spoilerText-3p6IlD { + background: rgb(130, 130, 130, 0.1); + /*adds minor grey-ish filter to differentiate spoilted text from normal text*/ + border-radius: 7px; + /*adds rounded edges for the filter described above*/ +} +.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9 > .inlineContent-3ZjPuv { + filter: blur(3px); + /*adds blur filter when text is left alone*/ + opacity: 1; + /*makes blurred text fully opaque*/ +} +.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover > .inlineContent-3ZjPuv { + filter: none; + /*removes blur filter on hover*/ + opacity: 1; + /*makes text opacity look like normal, non-spoiled text on hover*/ +} +/*--------------------------*/ + +.colorHeaderPrimary-26Jzh-, +.colorHeaderPrimary-26Jzh- { + filter: blur(5px); +} +.colorHeaderPrimary-26Jzh-:hover, +.colorHeaderPrimary-26Jzh-:hover { + filter: blur(0); +}