Search results for tag #css
![[?]](https://fedi.vale.rocks/media/1989287e0628564df6003cd00d867bc4ed64091fba8d9612a74d4f2de1a36ad0.png)
I’m (likely) the only developer left still taking professional contracts to build custom stylesheets for old Reddit, the version of Reddit prior to the 2018 redesign.
Much of the info once available has succumbed to link rot, so I’ve covered what I can in a modern article here: https://www.reddit.com/r/csshelp/comments/1s4p96w/a_modern_guide_to_old_reddit_customisation_and/
4 ★ 1 ↺
![[?]](https://romanzolotarev.com/logo.png){kind=logo}
another #css trick, if you want to visually shorten long links, but only when they are longer than its container width (at max-width)
a {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
hello, pico-8-edu.com :)4 ★ 1 ↺
extracted some #css and #svg magic from e11e's homepage to add photocopy effect to your pages
<style>see also
body {
filter: url(#x);
}
svg {
display: none;
}
</style>
<svg width="0" height="0">
<filter id="x">
<feturbulence
basefrequency="1 2"></feturbulence>
<fedisplacementmap
in="SourceGraphic"
scale="2"></fedisplacementmap>
</filter>
</svg>
1 ★ 0 ↺
had to cover few more use cases, but still quite minimal #css:
html { font-family: sans-serif; max-width: 40rem; margin: 1rem auto; }
img { max-width: 100%; border-radius: 0.4rem; }
@media (max-width: 40rem) { pre { overflow-x: auto; } }
roman boosted
![[?]](https://media.phpc.social/accounts/avatars/109/246/397/465/505/064/original/2b6493071e25904c.jpg)
Modern #CSS code snippets, side by side with the old hacks they replace.
"Stop writing CSS like it's 2015."
made my #snac2 instance pretty. now i feel like i don't need any 3rd party clients. works for me on small and large screens, in the sunlight and in the dark. total cost—10kb of #css
@grunfink@comam.es, thanks again for snac ❤️
3 ★ 0 ↺
drafted snac.css
- few colors
- default fonts and everything
- large high contrast font for content
- small fonts for controls
- dark and light color schemes
- big and small screens
- works with styles from my site
updated /var/snac/data/server.json
"cssurls": [ "/style.css", "/snac.css" ],while keeping
/var/snac/data/styles.css empty, otherwise snac re-creates it with default styles... :)