Conversion Guide: Flexible Squares

This is meant to serve as a guide for people seeking to try and translate Flexible Squares based CSS to Core2 CSS.

Main Content
FS .headerimage = ? -- Not sure if there is an equivalent for this, but one could be added in a layout layer.

Header
FS div#content-outer = C2 div#canvas FS div#content = C2 div#canvas.inner FS div#header = C2 div#header FS div.title = C2 h1#title FS div.subtitle = C2 h2#subtitle

? = h2#pagetitle

It looks like in Flexible Squares, the equivalent information for h2#pagetitle in is their footer that contains the page navigation.

Sidebar
Note: in Flexible Squares, the sidebar comes before the content. This may prove to be a problem.

div#sidebar = div#secondary

Primary content
Note: in Flexible Squares, the main content comes after the sidebar. This may prove to be a problem.

div#maincontent = div#primary

Footer
Note: in Flexible Squares, the footer contains the navigation.

div#footer = div.navigation.bottomnav