Snarlygribbly opened this issue on Oct 31, 2014 · 9 posts
Snarlygribbly posted Fri, 31 October 2014 at 4:12 PM
Firefox users can replace the styling of a website with their own, changing just those elements which most bother them.
The changes can be set to only affect web pages at a specific domain (renderosity.com)
To do this:
Go to the Firefox Help menu
Choose Troubleshooting Information
Click onthe 'Show folder' button for the Profile Folder
In Explorer, open the chrome subfolder
Now create a new text file there called userContent.css
The styles defined in this document will be taken into account when laying out the page.
If the styles are marked as important then they will override any used by the site.
To specify a specific domain, wrap all the CSS like this:
@-moz-document domain(renderosity.com) {
-- CSS code goes here --
}
I'm using this code at the moment,and it's working nicely:
@-moz-document domain(renderosity.com) {
body {
font-size: 12px !important;
line-height: normal !important;
}
font {
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important;
}
blockquote {
font-size: 12px ! important;
}
.thread-header {
font-size: 14px ! important;
}
.well {
display: none ! important;
visibility: hidden ! important;
}
.hidden-xs {
display: none ! important;
visibility: hidden ! important;
}
.forum-title, .forum-type{
font-size: 14px ! important;
}
}
NB: You might want to leave out the .hidden-xs code. This hides a lot of the huge banners and stuff, but I haven't yet worked out everything that it hides so it might hide something important :-)
Free stuff @ https://poser.cobrablade.net/