Simple CSS to blur all images and videos across the web
simple beta censoring by kind-dev
![Screenshot of simple beta censoring](https://userstyles.world/preview/9500/1.jpeg)
Details
Authorkind-dev
LicenseMIT
Categoryhttps://onlyfans.com/
Created
Updated
Size962 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
A simple stylescript that fully censors all videos, gifs, and images across the web. It can instantly censor the entire video or gif from your favorite website directly in the browser.
Samples of a NSFW video censored by these styles:
(NSFW) https://lensdump.com/i/9TcP9a
(NSFW) https://lensdump.com/i/9TXKzx (higher blur rate)
Video demo (NSFW): https://www.reddit.com/user/shy-firefly/comments/1694k0m/simple_beta_censoring_demo/
It was inspired by https://github.com/silveredgold/beta-censoring, but works on videos and gifs too. And the setup of this stylescript is quick and easy, no need to setup server with neural network for censoring. Everything happens right in the browser. But as a side effect the entire image/video/gif is censored, not only hot parts.
Installation:
- You need to install Stylus extension to load custom styles for websites https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
- Return to the page of this style (https://userstyles.world/style/9500/simple-beta-censoring)
- Click "Install" button on the right to add the style. The page with the style code will open
- On the left top click "Install style" button to add the style. You may also configure blur rates on this page
- Open your favorite website with naughty images/videos
- Click on the Stylus extension icon in the browser toolbar (it's likely hidden behind "puzzle" icon with extensions) and ensure checkbox near "simple-beta-censoring" is enabled.
- Ready! Now you can enjoy blurred web experience.
Configuration:
- You may change the blur rates, in order to do it, follow these steps:
- Click on the stylus extension in the browser toolbar (it's likely hidden behind "puzzle" icon with extensions)
- Click on the "gear" icon on the right of "simple-beta-censoring" style
- Adjust image or video blur rate to your preferences
For any feedback contact me on Reddit https://www.reddit.com/user/shy-firefly or send an email to shy-firefly@protonmail.com
Source code
/* ==UserStyle==
@name simple-beta-censoring
@description Simple CSS to blur all images and videos across the web
@namespace kind-dev
@author kind-dev
@version 0.1.1
@preprocessor default
@var number imageBlurRate "Image blur rate" 15
@var number videoBlurRate "Video blur rate" 15
==/UserStyle== */
@-moz-document url-prefix("http") {
html {
--image-blur-rate: calc(var(--imageBlurRate) * 1px);
--video-blur-rate: calc(var(--videoBlurRate) * 1px);
}
img, canvas {
/* canvas is required to also blur a static image visible on pornhub while changing video position */
filter: blur(var(--image-blur-rate));
}
video, shreddit-player {
/* shreddit-player is for reddit video player
Required for https://www.reddit.com/r/SipsTea/comments/17io5ih/cool_compilation/
and other similar videos on reddit */
filter: blur(var(--video-blur-rate));
}
}