24 December 2014 @ 01:47 am
Mad Coma Time layout  
Made for [livejournal.com profile] lifein1973's advent calendar. I had fun with trying out transitions (Fuck yeah, CSS3!).

Mad Coma Time

Click here for live preview, then click on the layout's icon.

layout info Based on Flexible Squares.
Works for all account types.
Tested in Firefox 34, Google Chrome 39 and Internet Explorer 11.

The widths are changeable, but if you change maincontent's too much, you may have to move Gene and Sam together/apart. If you change the sidebar's, you'll have to adjust the width of its contents too.

Speaking of the sidebar: You'll have to display the default icon for it to show up in the header.
Since the icon is part of the sidebar, hovering above it (or the sidebar part that's showing right above the maincontent) will extend the sidebar.
The height is fixed, but you can reduce it, if you don't have enough in the sidebar for the contents to need a 2nd row.
how to implement this layout Go to the Customize Journal page.

Make sure Style System is S2.

Choose the Flexible Squares layout.

Go to Custom CSS
» Use layout's stylesheet(s): No
» Use layout's stylesheet(s) when including custom external stylesheet: No
» Use external stylesheets: No

insert custom stylesheet