Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Stylebot for Firefox – Apply custom CSS on webpages

addons.mozilla.org

Post reply on HN
Print view View original

1–10 of 18 posts

Re: Stylebot for Firefox – Apply custom CSS on webpages

#5

Post by markussss »

petepete wrote: post #3

I don't think you need an add-on for this if you're already handy with CSS, just edit userContent.css and use a domain-specific query: @-moz-document domain(https://news.ycombinator.com) {...}

I find it incredibly useful to be able to toggle styles on and off in a simple GUI, especially for these two simple global styles:

    video { /* flip video horizontally */
        transform: scaleX(-1) !important;
    }
or

    /** scale videos that were originally 4:3, but 
        were encoded as 16:9 into proper 4:3 again */
    video {
        transform: scaleX(0.75) !important;
    }
It's not extremely useful, but every time I toggle them on, I'm very happy that I added them both.

Re: Stylebot for Firefox – Apply custom CSS on webpages

#6

Post by the_pwner224 »

baal80spam wrote: post #4

Just use Stylus. https://addons.mozilla.org/en-US/firefox/addon/styl-us/

The first reaction to seeing this is of course 'why not use Stylus.' But it only takes a 10 second look at the page / screenshots to see that this clearly has a number of unique and new features that are beyond what Stylus offers. So no, you can't just use Stylus.

My first impressions are that Stylus is nice for applying big site-wide styles like dark themes, but this is vastly superior for all the small customizations that you might want to make to sites you frequently visit. No need to go deep into the CSS; just right click a thing and open the sidebar and make it look how you want. Not even close to Stylus. Definitely something I'm going to keep, and makes for a very powerful combination paired with uBlock Origin's element picker/zapper.

Re: Stylebot for Firefox – Apply custom CSS on webpages

#7

Post by the_pwner224 »

markussss wrote: post #5
petepete wrote: post #3

I don't think you need an add-on for this if you're already handy with CSS, just edit userContent.css and use a domain-specific query: @-moz-document domain(https://news.ycombinator.com) {...}

I find it incredibly useful to be able to toggle styles on and off in a simple GUI, especially for these two simple global styles: video { /* flip video horizontally */ transform: scaleX(-1) !important; } or /** scale videos that were originally 4:3, but were encoded as 16:9 into proper 4:3 again */ video { transform: scaleX(0.75) !important; } It's not extremely useful, but every time I toggle them on, I'm very happ…

Out of curiosity, what do you use the first flip horizontally style for?

Re: Stylebot for Firefox – Apply custom CSS on webpages

#8

Post by butz »

petepete wrote: post #3

I don't think you need an add-on for this if you're already handy with CSS, just edit userContent.css and use a domain-specific query: @-moz-document domain(https://news.ycombinator.com) {...}

You can even customize browser UI using userChrome.css to revert new style of location bar or remove some items from context menus, and even more. This guide should give you some ideas: https://www.userchrome.org/what-is-userchrome-css.html

For more inspiration and help visit https://www.reddit.com/r/FirefoxCSS/

Re: Stylebot for Firefox – Apply custom CSS on webpages

#9

Post by bastawhiz »

the_pwner224 wrote: post #7
markussss wrote: post #5

Earlier quoted context omitted.

I find it incredibly useful to be able to toggle styles on and off in a simple GUI, especially for these two simple global styles: video { /* flip video horizontally */ transform: scaleX(-1) !important; } or /** scale videos that were originally 4:3, but were encoded as 16:9 into proper 4:3 again */ video { transform: scaleX(0.75) !important; } It's not extremely useful, but every time I toggle them on, I'm very happ…

Out of curiosity, what do you use the first flip horizontally style for?

Not OP, but there's a lot of unscrupulous videos out there that flip video horizontally to evade content matching algorithms, and plenty of videos taken on phones or web cams that get flipped as well

Re: Stylebot for Firefox – Apply custom CSS on webpages

#10

Post by pvorb »

the_pwner224 wrote: post #7
markussss wrote: post #5

Earlier quoted context omitted.

I find it incredibly useful to be able to toggle styles on and off in a simple GUI, especially for these two simple global styles: video { /* flip video horizontally */ transform: scaleX(-1) !important; } or /** scale videos that were originally 4:3, but were encoded as 16:9 into proper 4:3 again */ video { transform: scaleX(0.75) !important; } It's not extremely useful, but every time I toggle them on, I'm very happ…

Out of curiosity, what do you use the first flip horizontally style for?

Most video call software will show your own webcam stream flipped horizontally to make it feel like a mirror, but others will see it correctly.
Post reply on HN