Aaron's stylish stuff

Stylish is a plugin for Firefox. It allows you to modify CSS on the fly for websites / URLs of your choice. Possibly completely stepping on toes or of no interest but thought I'd share.

1. First change is max width of text. My 1920 px wide monitor makes reading full-width text uncomfortable, so I limit it to 800px.
   
   Code:

   .messageText, .messagetext pre {
       max-width: 800px;
   }

2. Next, I finally found the "Edited" text, way over the RHS of the screen, in light, unobtrusive grey. To make it stand out I am going to colour it red and bold it.
   
   Code:

   .message .editDate {
       color: #FF0000;
       font-weight: bold;
   }

Spoiler: Before

Spoiler: After

 

I use Firebug all the time when customising blog templates, but that only acts as a preview and code finder tool. Any changes you make aren't permanent.

Didn't realise there was one that allowed permanent changes to website layouts. I only have a 17" monitor, so width is rarely a problem, but good to know it's out there.

 

I wrapped the code snippets in [code][/code] BBCode to make it easier to read.

 

Thanks! I so rarely post code I forgot about it!

 

I turned this:
into this:


by adding the following Stylish style:

Code:

.message .publicControls {
    float: none;
}