Difference between revisions of "Conversion Guide: Flexible Squares"

From Dreamwidth Notes
Jump to: navigation, search
(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 =

Footer

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

div#footer = div.navigation.bottomnav