Difference between revisions of "Conversion Guide: Flexible Squares"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) (Created page with '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 i…') |
m (added cat) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | This is meant to serve as a guide for people seeking to try and translate Flexible Squares based CSS to Core2 CSS. | + | This is meant to serve as a rough guide for people seeking to try and translate Flexible Squares based CSS to Core2 CSS. |
== Main Content == | == Main Content == | ||
| Line 21: | Line 21: | ||
Note: in Flexible Squares, the sidebar comes before the content. This may prove to be a problem. | Note: in Flexible Squares, the sidebar comes before the content. This may prove to be a problem. | ||
| − | div#sidebar = div#secondary | + | FF div#sidebar = C2 div#secondary |
| + | |||
| + | {{Expand|text=Add modules.}} | ||
== Primary content == | == Primary content == | ||
| Line 27: | Line 29: | ||
Note: in Flexible Squares, the main content comes after the sidebar. This may prove to be a problem. | Note: in Flexible Squares, the main content comes after the sidebar. This may prove to be a problem. | ||
| − | div#maincontent = div#primary | + | FF div#maincontent = C2 div#primary |
| + | |||
| + | === Entries === | ||
| + | |||
| + | These are all in <tt>FF div#maincontent / C2 div#primary</tt>. | ||
| + | |||
| + | FF .subcontent = C2 .entry-wrapper | ||
| + | |||
| + | Or, depending on the desired effect: | ||
| + | |||
| + | FF .subcontent = C2 .entry | ||
| + | |||
| + | FF div.userpicfriends = | ||
| + | FF div.datesubject = | ||
| + | FF div.date = | ||
| + | FF div.subject = | ||
| + | |||
| + | FF div.entry = C2 div.entry div.contents | ||
| + | |||
| + | FF div.entry div.entry_text = C2 div.entry div.contents div.entry-content | ||
| + | |||
| + | FF div.separator = | ||
| + | FF div.clear = | ||
== Footer == | == Footer == | ||
| Line 36: | Line 60: | ||
[[Category: Style Conversion Guides]] | [[Category: Style Conversion Guides]] | ||
| + | [[Category: Styles]] | ||
Latest revision as of 22:40, 12 August 2015
This is meant to serve as a rough 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.
FF div#sidebar = C2 div#secondary
Expand: Add modules.
Primary content
Note: in Flexible Squares, the main content comes after the sidebar. This may prove to be a problem.
FF div#maincontent = C2 div#primary
Entries
These are all in FF div#maincontent / C2 div#primary.
FF .subcontent = C2 .entry-wrapper
Or, depending on the desired effect:
FF .subcontent = C2 .entry
FF div.userpicfriends = FF div.datesubject = FF div.date = FF div.subject =
FF div.entry = C2 div.entry div.contents
FF div.entry div.entry_text = C2 div.entry div.contents div.entry-content
FF div.separator = FF div.clear =
Note: in Flexible Squares, the footer contains the navigation.
div#footer = div.navigation.bottomnav
