this post was submitted on 14 Oct 2023
5 points (100.0% liked)

Kbin Userstyles and Userscripts

2 readers
1 users here now

Custom CSS and JS to help improve your Kbin experience! ### Userscripts Greasy Fork ### Stylesheets UserStyles.world ### Userscript managers

founded 1 year ago
5
KoolBin - clean userstyle that puts more focus on the images (userstyles.world)
submitted 11 months ago* (last edited 11 months ago) by [email protected] to c/[email protected]
4 comments fedilink hide all child comments
 
  • Cleaner look for KBin
  • Bigger images in "article" elements
  • Reddit like posts, and more colorful elements
  • Rounded corners everywhere.

looks better with the "kbin jasper" color theme

top 4 comments
sorted by: hot top controversial new old
[–] [email protected] 2 points 10 months ago (1 children)

THIS LOOKS SO NICE!!

[–] [email protected] 2 points 10 months ago (1 children)

Thanks. I will try to break it into smaller userstyles like yours later.

[–] [email protected] 2 points 9 months ago* (last edited 9 months ago) (1 children)

im back randomly a month later to say i added these lines:

`div.no-image-placeholder {
display: none;
}

div.content.short-desc {
margin-top: 10px;
}`

so that text posts look better by removing the no placeholder image. now its perf :3. see attached image

[–] [email protected] 1 points 9 months ago

I've tried this before, but I prefer keeping the placeholder for consistency. Without it these posts look very small compared to the image posts, but I could add it as an option later.

There's also the margin: 10px; on .entry figure elements, I cannot decide if it looks better with margin: 10px 0; so that images can extend closer to the edge when they have the right aspect-ratio.