Fancy userstyle for blurring images
With a browser extension like Stylus and a userstyle, you can prevent having to see the images the CP spammers post.
The following style blurs images by default. When you want to unblur an image, move the mouse cursor over it. When you're not sure whether the image is disgusting and don't want to be overwhelmed by its sudden unblurred appearance, you can unblur it stepwise by relatively quickly alternating between hovering over and not hovering over the image.
Create a userstyle for URLs beginning with "https://8kun.top/" (setting below the stylesheet in Stylus) and paste the stylesheet.
You can whitelist the images from the first post of a thread, since they're useful for easy thread identification (see comments in stylesheet). I have already done that for many threads.
/* Blur images while not hovered */
img {
transition: filter 1500ms ease-out 50ms !important; /* on mouse-enter */
clip-path: inset(0 0 0 0) !important; /* no blurry outward extension */
}
:is(
.thread:not(
/* IDs of unblurred threads (only effecting initial post, see its "No.") */
#thread_78141, #thread_80008, #thread_80112, #thread_80130, #thread_80310, #thread_80311, #thread_80457, #thread_80534, #thread_80547, #thread_80633, #thread_80659, #thread_80692, #thread_80905, #thread_80937, #thread_80966, #thread_81039, #thread_81051, #thread_81067, #thread_81075, #thread_81139, #thread_81209, #thread_81229, #thread_81246, #thread_81297, #thread_81313, #thread_81327, #thread_81475, #thread_81560, #thread_81571, #thread_81598, #thread_81604, #thread_81657, #thread_81748, #thread_81912, #thread_81963, #thread_81997, #thread_82071, #thread_82077, #thread_82112, #thread_82201, #thread_82298, #thread_82329, #thread_82335, #thread_82373, #thread_82409, #thread_82585, #thread_82627, #thread_82716, #thread_82746, #thread_82761, #thread_82871, #thread_82891, #thread_82925, #thread_83023, #thread_83075, #thread_83176, #thread_83241, #thread_83297, #thread_83359, #thread_83369, #thread_83375, #thread_83415, #thread_83478, #thread_83637, #thread_83812, #thread_83866, #thread_83951
) > .files,
.reply > .files,
.theme-catalog > .threads > #Grid > :not(
/* IDs of unblurred threads in catalog, should be the same IDs as above */
[data-id="78141"], [data-id="80008"], [data-id="80112"], [data-id="80130"], [data-id="80310"], [data-id="80311"], [data-id="80457"], [data-id="80534"], [data-id="80547"], [data-id="80633"], [data-id="80659"], [data-id="80692"], [data-id="80905"], [data-id="80937"], [data-id="80966"], [data-id="81039"], [data-id="81051"], [data-id="81067"], [data-id="81075"], [data-id="81139"], [data-id="81209"], [data-id="81229"], [data-id="81246"], [data-id="81297"], [data-id="81313"], [data-id="81327"], [data-id="81475"], [data-id="81560"], [data-id="81571"], [data-id="81598"], [data-id="81604"], [data-id="81657"], [data-id="81748"], [data-id="81912"], [data-id="81963"], [data-id="81997"], [data-id="82071"], [data-id="82077"], [data-id="82112"], [data-id="82201"], [data-id="82298"], [data-id="82329"], [data-id="82335"], [data-id="82373"], [data-id="82409"], [data-id="82585"], [data-id="82627"], [data-id="82716"], [data-id="82746"], [data-id="82761"], [data-id="82871"], [data-id="82891"], [data-id="82925"], [data-id="83023"], [data-id="83075"], [data-id="83176"], [data-id="83241"], [data-id="83297"], [data-id="83359"], [data-id="83369"], [data-id="83375"], [data-id="83415"], [data-id="83478"], [data-id="83637"], [data-id="83812"], [data-id="83866"], [data-id="83951"]
)
) img:not(
:hover,
.full-image,
[src^="--http--s://softserve.8kun.top/static/"], [src^="--http--s://media.128ducks.com/static/"] /* platform stuff */
)
{
transition: filter 70ms ease-out 500ms !important; /* on mouse-leave */
filter: blur(9px) saturate(300%) !important;
}
