User Tools

Site Tools


tool:software:firefox

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
tool:software:firefox [2019/09/05 04:31]
rjt [Browser works, pages don't load] fixes tags
tool:software:firefox [2020/05/02 08:15] (current)
rjt [Styling] double quotes seem to break the styles? Note on other syntax
Line 50: Line 50:
 === See Also === === See Also ===
   * [[https://​developer.mozilla.org/​en-US/​docs/​Mozilla/​Firefox/​Releases/​2/​Adding_feed_readers_to_Firefox|Adding feed readers to Firefox]]   * [[https://​developer.mozilla.org/​en-US/​docs/​Mozilla/​Firefox/​Releases/​2/​Adding_feed_readers_to_Firefox|Adding feed readers to Firefox]]
 +
 +==== Styling ====
 +As an alternative to add-ons like [[stylus]] you can simply add [[language:​CSS]] rules to the file ''​userContent.css''​.
 +
 +=== Method ===
 +
 +  - Open ''​about:​config''​ and turn ''​toolkit.legacyUserProfileCustomizations.stylesheets''​ to ''​True''​.
 +  - Open your profile directory (for me it's ''​~/​.mozilla/​[profile name]''​) and create a directory called ''​chrome''​ if it doesn'​t exist.
 +  - Inside ''​chrome''​ create a file called ''​userContent.css''​
 +  - Added rules to this, enclosed within ''​@-moz-document domain([url]) {}''​ that references the site you wish to target.
 +    * Instead of ''​domain([url])''​ you can use ''​url'',​ ''​regex'',​ etc. See: [[https://​developer.mozilla.org/​en-US/​docs/​Web/​CSS/​@document#​Syntax|@document#​Syntax]].
 +
 +== Example ==
 +
 +<​code>​@-moz-document domain(wiki.ryliejamesthomas.net) {
 + body {
 + background-color:​red;​
 + }
 +}</​code>​
  
 ===== Troubleshooting ===== ===== Troubleshooting =====
tool/software/firefox.1567672286.txt.gz · Last modified: 2019/09/05 04:31 by rjt