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/
structure posted Fri, 31 October 2014 at 6:56 PM Forum Coordinator
YOU Sir, are my hero!
Locked Out
pumeco posted Fri, 31 October 2014 at 7:24 PM
Cheers Snarly, and yup, it is pretty bad but I'm just giving them the benefit of the doubt right now and assuming it's some experiment!
Glitterati3D posted Fri, 31 October 2014 at 7:43 PM
Thank you, Snarly! Worked like a charm. I just had to re-start Firefox to make it work.
Taren421 posted Sat, 01 November 2014 at 2:06 PM
Building on this, for us Chrome users there is an extension here that allows custom CSS editing.
Once installed, you add a new style for renderosity.com, then paste the following into the field -
body {
font-size: 13px ;
line-height: normal ;
}
font {
font-family: inherit;
font-size: inherit;
color: inherit;
}
blockquote {
font-size: 12px ;
}
.thread-header {
font-size: 14px ;
}
.well {
display: none ;
visibility: hidden ;
}
.hidden-xs {
display: none ;
visibility: hidden ;
}
.forum-title, .forum-type {
font-size: 14px ;
}
/* change to widen forum panel depending on screen resolution */
.container {
width: 1600px;
}
/* minimizes padding around fields, if desired */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 5px;
}
/* narrows post & view count column, if desired */
.col-xs-1 {
width: 5%;
}
/* removes avatar circle, if desired */
.comment-avatar {
-webkit-border-radius: 0;
}
Poser Pro 2012 SR3 on Win10 x64 w/Reality.
Poser Display Units = inches.
Ometeotl posted Sat, 01 November 2014 at 6:49 PM
A big "Thank You!" to both Snarly and Taren
shvrdavid posted Sun, 02 November 2014 at 1:58 AM
The Hidden-xs and Well mess with the gallery.
Some things are easy to explain, other things are not........ <- Store -> <-Freebies->
shvrdavid posted Sun, 02 November 2014 at 2:20 AM
This seems to work site wide in Chrome.
body {
font-size: 15px ;
line-height: normal ;
}
font {
font-family: inherit;
font-size: inherit;
color: inherit;
}
blockquote {
font-size: 12px ;
}
.thread-header {
font-size: 14px ;
}
.forum-title, .forum-type {
font-size: 14px ;
}
.container {
width: 1600px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 5px;
}
.col-xs-1 {
width: 5%;
}
.comment-avatar {
-webkit-border-radius: 0;
}
div.panel-body {
font-weight: bold;
}
Some things are easy to explain, other things are not........ <- Store -> <-Freebies->
Netherworks posted Thu, 06 November 2014 at 2:32 AM
Brilliant! Thanks Snarly!
I added this before the end bracket:
(keeps color of forum links, greyed orange if you've visited them, yellow on mouseover)
a.forum-title:link {
color: #EDBD4F ! important;
}
a.forum-title:visited {
color: #C9B08F ! important;
}
a.forum-title:hover {
color: #F3E749 ! important;
}
a.forum-title:active {
color: #F3E749 ! important;
}
.