Weasyl Hip Squares 200x

Added by Ois@userstyles, Created: Jul 07, 2015, Updated: Jul 09, 2015

Description:

I made this mainly because I have trouble scanning/browsing thumbnails when presented with variable widths. While I appreciate the work that went into the new layout, I'll just struggle with it as I do with any other site that uses this layout system.

The attempt here is to fit those thumbs back into their square containers and align them in a neater grid system. It's not going to restore the old one as Weasyl generated specific thumbnails for that, but should help those that are having issues on the new one.

This is my quick and dirty attempts to restore it. I'll keep it up until someone does a better job than I.

TO THE SQUARES!

More info

7/7/15
----------------
v0.01 - prototype. Yeah, gotta fix how images display inside the thumbnail area, but hey! squares!
v0.02 - After some fast feedback, changed the image scaling. Each image now sits in a background square, but scales up until a max is found. Kinda... Probably an edge case I've not yet seen.
v0.03 - tiny/small/medium/large grids should all now squarify themselves without breaking avatar grids. Sorry about that!

8/7/15
----------------
0.04 - Bumped up the margins a bit to give some space between thumbnails

I've only tested on the latest stable build of Firefox. If anything breaks, let me know and I'll get on to it.