Я часто кликаю на нижнюю панель плеера Ютуба, чтобы вернуть фокус для управления с клавиатуры. Пару месяцев назад этот клик начал приводить к прокрутке страницы (если есть таймкоды).

Отключается такое поведение простым юзерстилем:

.ytp-chapter-container {
pointer-events: none !important;
}

Добавлял через расширение Tweaks for YouTube https://chromewebstore.google.com/detail/tweaks-for-youtube/ogkoifddpkoabehfemkolflcjhklmkge

« User Style Stylus pour désactiver les popups de suggestion automatique d'emojis sur Discourse, GitHub et GitLab »

https://notes.sklein.xyz/2025-03-17_1804/

i really get annoyed at sloppy stylesheets that render a page like half #darkmode half light with conflicting contrast and legibility problems. the #ReadwiseReader browser extension absolutely sucks at it too - try to highlight something on a white-on-black page and it's unreadable. i can't even hack a #userstyle together to un-fuck it reliably.

a really dumb way for an annotation to be made, right?

but #nvidia does equally stupid things too:

#MastoModern is a UserStyle & instance theme that give Masto a nicer look

Note: the style may break on older versions of Mastodon & instances that have other modifications. The style is compatible with other themes that only change the colors & glitch-soc.

Install with the Stylus browser extension here
Don't use the "Stylish" extension
View the code & report issues

I've made a couple of UserStyles !

Make websites without any CSS easier to read with some customization options:
https://userstyles.world/style/18536

Remove distractions from Duolingo:
https://userstyles.world/style/18334

Install them with the Stylus browser extension (not Stylish)

If you use stylus or other user style extensions and you got upgraded to the new masto interface which has a really bad state for filtered toots, here's some CSS i just banged out. It looks like this in action in dark mode. It's not perfect but I don't care much because I don't really want to see this content anyway, I use this as an indicator that maybe I should stop following someone if they show up here all the time.

/* make hidden shit hidden! */
.content-warning--filter::before,
.content-warning--filter::after {
background: linear-gradient( to bottom,
rgba(130, 130, 130, 1) 0%,
rgba(110, 110, 110, 1) 20%,
rgba(90, 90, 90, 1) 40%,
rgba(70, 70, 70, 1) 80%,
rgba(50, 50, 50, 1) 80%,
rgba(30, 30, 30, 1) 100%);
}
.content-warning--filter p {
margin-bottom: 0;
}
.content-warning--filter p span {
font-size: 0.75em;
color: gray;
}
.content-warning--filter .link-button {
color: darkred;
font-size: 0.75em;
float: right;
margin-top: -2em;
}
.status__wrapper:has(.content-warning--filter) .status__info {
display: none;
}

I've always written userstyles. But just recently have I started to share them with the world

I use #theoldreader as my CSS reader but I'm always annoyed by how it handles font-size, there are so many inconsistencies. I try to fix this and make the font-size more consistent with this new #userstyle: https://userstyles.world/style/18115/theoldreader-consistent-font-size

(and you can even adjust the default font-size in the style settings )

i made a cohost userstyle for goblin! i also made another userstyle that removes numbers like the note count and the follower counts, if you'd like that!

you can install an extension like stylus, and then install the userstyles from here:
cohost theme: https://userstyles.world/style/18082/goblin-cohost
no numbers: https://userstyles.world/style/18083/no-numbers

i also have the css on my website, if you wanna manually copy it or something: https://tiger.kittycat.homes/made/other/goblin-cohost

it's not perfect and i don't promise that every page will look good with it, but i've been using it without issue to browse profiles and the home timeline, so! it's usable!

it definitely doesn't work with the deck layout, but it does work on the two other layouts that goblin has.

This kind of things drive me nuts. You want to write a tiny #userstyle to fix or adapt part of a website? Well you can't with these obfuscated CSS classes (I won't even talk about the 12 levels of nested divs)

Or at least it makes it much more difficult (and on top of that I'm not even sure these class names remain stable from one deployment to another)

#MastoModern has been updated to v2.0.0! I have partially rewritten the style, so it should be a lot cleaner and smaller, including some fixes and changes

You can view the full changelog here

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/4773/mastodon-modern

Along with this, I have also moved the repository to git.gay: https://git.gay/freeplay/Mastodon-Modern

just finished making this AWESOME theme for this website,, install here: https://userstyles.world/style/13745/2011-twitter-for-mastodon
#twitter #userstyle #theme

I've made a UserStyle that makes Mastodon's alt text editor window fullscreen, as the default window was too small imo

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/16955

Compiled CSS: https://git.gay/freeplay/UserStyles/raw/branch/wah/mastodon/fullscreen-alt-text-compiled.css

Will just quickly repost some links to stuff I've made

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

Recently switched to the Gioco pieces on #lichess: I like it very much except for its warm tint. So here's a #userstyle to desaturate it and make it more black & white. “It's not much, but it's honest work”

https://userstyles.world/style/16401/lichess-black-white-gioco-pieces

single line replies in timelines for iceshrimp, firefish and potentially other derivatives. see quoted post for how it looks. extremely hacky and might mess up. will not work in sharkey or other "modern" misskey instances

requires a browser with nyative nested css and :has (so, literally anything from the last year or so)

gist.github.com/wont-work/e1e6457b56e62daf40f1c01c788749f6

(extracted from inline to gist because nyaization broke it)

#iceShrimp #fireFish #css #userStyle

RE: brain.d.on-t.work/notes/9sg7gf0kggpmh85b

i'm not sure i ever talked about this but i wrote a userstyle for KHInsider Downloads which revamps the ui and makes better use of the space on desktop. check it out and go leave a review if you like it :D
#userstyle #css

https://userstyles.world/style/14277/khinsider-vgm-modern

I've made a UserStyle to collapse Sharkey's heart reactions, install with the Stylus browser extension:
https://userstyles.world/style/15612/sharkey-collapse-heart-reactions

CC @julia

```css

@-moz-document url-prefix("https://www.some-website.example/") {
article:has(a[href*="topic-i-really-cant-be-bothered-with-anymore"]) {
opacity:0.5;
filter:blur(10px);
}
}
```

#FilterBubble
#UserStyle #Stylus #Firefox #CSS

PS: `display: none` is also fine.

@ILoveNumAn if you like diaspora, but lack of multi-columns is the only thing keeping you away, then you could also try @isaackuo 's #userstyle for it: https://userstyles.world/style/827/diaspora-multi-column
Another alternative you could consider is #Socialhome. Looks like @hq currently has open registrations, so you should be able to try it out easily at https://socialhome.network/