Styling LFGSS with Minimalist for Chrome

Starting a new conversation to keep changes to the LFGSS style module for Minimalist.

Any requests, post 'em here.

{"version":"0.6.8","preferences":{"isEnabled":"true","isDebugging":"false"},"modules":[{"name":"LFGSS Styles","author":"Drakien","includes":"*.lfgss.com*","version":"1.0.0","isEnabled":true,"options":[{"description":"Change comment font to Akkurat","isEnabled":true,"tab":"Forum Pages","section":"Comments","type":"checkbox","fields":[],"head":{"css":[".comment-item-body, blockquote p, .reply-box textarea{","    font-family: Dax-Light, sans-serif;","    font-size: 15px","}","body , .comment-item-body, blockquote p {","    line-height: 20px","}"]},"load":{}},{"description":"Remove Avatars","isEnabled":true,"tab":"Forum Pages","section":"Avatars","type":"checkbox","fields":[],"head":{"css":["img.gravatar {","visibility:hidden","}"]},"load":{}},{"description":"Whitespace","isEnabled":true,"tab":"Forum Pages","section":"Whitespace","type":"checkbox","fields":[],"head":{"css":[".comment-item { ","    padding: 5px; }","    ",".comment-item-author { ","    padding-bottom: 5px; }","        ",".comment-item-body { ","    margin-bottom: 5px; }","            ",".comment-item-body p { ","    margin-bottom: 5px; }","",".comment-item-footer-btn {","\tpadding: 0px; }","",".comment-item-footer {","padding-right: 0px; }"]},"load":{}}],"index":1,"about":["<strong>Version 3.0.2</strong>"]}]}

How-to:

1. Install Minimalist Add-In for Chrome.
   
2. Click Minimalist button in top left of Chrome.
   
3. Click Dashboard button.
   
4. Click "Data".
   
5. Paste above code into the Import/Export panel.
   
6. Click Import.
   
   

Search for #Minimalist for previous posts.

Will minimalist eval() any random JS you put there or is it properly escaped?

Not that I have any issue with people styling to their taste.

amazing!!

Ah thats nice that is.

Thanks mate.

Well, fuck me, I've managed to change the size of the title headers too. I am now feeling unbearably smug, given that I'd never used CSS before.

Neat... pretty easy to tweak the settings. I've just used it to remove the avatars which is a little bit better for work.

any way to do this but keep the avatars?

I love the change in text but miss the pictures... Im all about the pictures.

once you do the import you will get menu entries for avatars and you can enable or disable them there

yeah, click on the "minimalist" button in chrome, then click on "dashboard", then "options" under LFGSS Styles. You should see tick boxes to turn on/off the different options (including avatars).

Will minimalist eval() any random JS you put there or is it properly escaped?

Not sure, I just use it for changing fonts and how gmail looks. Here's the codebase, the answer might be in here: https://code.google.com/p/minimalist/

cheers!

awesome work. this really improves things !

@Drakien - Is there something I can do to make the borders white? (Or rather can you tell me in clear numpty language as you have done before!)

TIA. Excellent work BTW. #rep

@villa-ru, click the Minimalism Icon, click on dashboard, and then edit LFGSS Styles.
Click "Add Option", and add this code:

body {    background-color: [#e8e8e8](https://www.lfgss.com/search/?q=%23e8e8e8); }

(Which is not quite white, as white on white looks rubbish, but you can try it yourself by using #ffffff )

Import code updated with above option:

{"version":"0.6.8","preferences":{"isEnabled":"true","isDebugging":"false"},"modules":[{"name":"LFGSS Styles","author":"Drakien","includes":"*.lfgss.com*","version":"1.0.0","isEnabled":true,"options":[{"description":"Change comment font to Akkurat","isEnabled":true,"tab":"Forum Pages","section":"Comments","type":"checkbox","fields":[],"head":{"css":[".comment-item-body, blockquote p, .reply-box textarea{","    font-family: Dax-Light, sans-serif;","    font-size: 15px","}","body , .comment-item-body, blockquote p {","    line-height: 20px","}"]},"load":{}},{"description":"Remove Avatars","isEnabled":true,"tab":"Forum Pages","section":"Avatars","type":"checkbox","fields":[],"head":{"css":["img.gravatar {","visibility:hidden","}"]},"load":{}},{"description":"Whitespace","isEnabled":true,"tab":"Forum Pages","section":"Whitespace","type":"checkbox","fields":[],"head":{"css":[".comment-item { ","    padding: 5px; }","    ",".comment-item-author { ","    padding-bottom: 5px; }","        ",".comment-item-body { ","    margin-bottom: 5px; }","            ",".comment-item-body p { ","    margin-bottom: 5px; }","",".comment-item-footer-btn {","\tpadding: 0px; }","",".comment-item-footer {","padding-right: 0px; }"]},"load":{}},{"description":"Off-white borders","isEnabled":true,"tab":"Forum Pages","section":"Borders","type":"checkbox","fields":[],"head":{"css":["body { ","    background-color:rgb(232,232,232);","}"]},"load":{}}],"index":1,"about":["<strong>Version 3.0.2</strong>"]}]}

thanks @branwen and @Drakien - neither one seems to change my grey borders though. The option is now there and enabled, but site is still grey.

Aha, Microcosm is reading the hex colour code #e8e8e8 as a hashtag. It's converting the code after I post my comment.

The code in the Minimalist option should look like this:

1 Attachment

you can change the hex code to the colour you want. #ffffff is total white.

Awesome!