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

Mad Coma Time
preview

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

 
 
( Read comments )
Post a comment in response:
From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Links will be displayed as unclickable URLs to help prevent spam.