4 ms·

What tool/extension is being used to apply the custom stylesheets?

by bencevans 14y ago

dave1010uk 14y ago
Is there a way to get any of these working on an Android web browser?
- randomchars 14y ago
  Not in the default one or in chrome. Firefox however supports the Stylish extension.
russelluresti 14y ago
I'm using Stylebot.
masonhensley 14y ago
Stylebot perhaps? https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en https://chrome.google.com/webstore/detail/stylebot/oiaejidbm...
marksands07 14y ago
You could try dotcss: https://github.com/stewart/dotcss https://github.com/stewart/dotcss
- marksands07 14y ago
  This repo appears to be outdated. I forked it and submitted an extension to the Chrome store so you can use it with the latest version. https://github.com/marksands/dotcss https://github.com/marksands/dotcss
skcin7 14y ago
I just tried Stylish add-on for Firefox. Works great except I can't seem to figure out a way to make custom styles work for only a specific page. Maybe I'm missing something but there doesn't seem to be a way. For example if you have .margin-width CSS class defined it will work on any page that has .margin-width CSS class, not just desired page (like Facebook).
- bpierre 14y ago
  You can use @-moz-document, I’m using this with dotjs for Firefox https://github.com/rlr/dotjs-addon#css https://github.com/rlr/dotjs-addon#css
- KwanEsq 14y ago
  As bpierre said @-moz-document rule, which I just discovered has actually been unprefixed since Fx6. Here's the MDN page detailing it and the various functions: https://developer.mozilla.org/en-US/docs/CSS/@document https://developer.mozilla.org/en-US/docs/CSS/@document
  - pbhjpbhj 14y ago
    So @document means you can bypass the addon and just use the user stylesheet to implement the same thing. Didn't know about @document.
hk__2 14y ago
On Ubuntu & Co, you can copy it in your global custom stylesheet: Chromium: ~/.config/chromium/Default/User\ StyleSheets/Custom.css Chrome: ~/.config/google-chrome/Default/User\ StyleSheets/Custom.css Other browsers: Don’t know
jld 14y ago
You can see the Stylish icon in the poster's screenshots. https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe https://chrome.google.com/webstore/detail/stylish/fjnbnpbmke...
deevus 14y ago
This question _should_ be answered on the given site. I know I could Google to find out, but what about the general Facebook user? They won't know what CSS is.

What tool/extension is being used to apply the custom stylesheets?

dave1010uk 14y ago

Is there a way to get any of these working on an Android web browser?

randomchars 14y ago
Not in the default one or in chrome. Firefox however supports the Stylish extension.

russelluresti 14y ago

I'm using Stylebot.

masonhensley 14y ago

Stylebot perhaps? https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en https://chrome.google.com/webstore/detail/stylebot/oiaejidbm...

marksands07 14y ago

You could try dotcss: https://github.com/stewart/dotcss https://github.com/stewart/dotcss

marksands07 14y ago
This repo appears to be outdated. I forked it and submitted an extension to the Chrome store so you can use it with the latest version. https://github.com/marksands/dotcss https://github.com/marksands/dotcss

skcin7 14y ago

I just tried Stylish add-on for Firefox. Works great except I can't seem to figure out a way to make custom styles work for only a specific page. Maybe I'm missing something but there doesn't seem to be a way. For example if you have .margin-width CSS class defined it will work on any page that has .margin-width CSS class, not just desired page (like Facebook).

bpierre 14y ago
You can use @-moz-document, I’m using this with dotjs for Firefox https://github.com/rlr/dotjs-addon#css https://github.com/rlr/dotjs-addon#css
KwanEsq 14y ago
As bpierre said @-moz-document rule, which I just discovered has actually been unprefixed since Fx6. Here's the MDN page detailing it and the various functions: https://developer.mozilla.org/en-US/docs/CSS/@document https://developer.mozilla.org/en-US/docs/CSS/@document
- pbhjpbhj 14y ago
  So @document means you can bypass the addon and just use the user stylesheet to implement the same thing. Didn't know about @document.

hk__2 14y ago

On Ubuntu & Co, you can copy it in your global custom stylesheet: Chromium: ~/.config/chromium/Default/User\ StyleSheets/Custom.css Chrome: ~/.config/google-chrome/Default/User\ StyleSheets/Custom.css Other browsers: Don’t know

jld 14y ago

You can see the Stylish icon in the poster's screenshots. https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe https://chrome.google.com/webstore/detail/stylish/fjnbnpbmke...

deevus 14y ago

This question _should_ be answered on the given site. I know I could Google to find out, but what about the general Facebook user? They won't know what CSS is.