This is a sample document that illustrates the use of class attributes for the formatting of bibliographies output by a CSL engine. The CSS style file used to control the formatting below is linked here for your viewing pleasure.
Hovering the mouse cursor over the Show HTML button in each example will display the HTML structure that would be generated from the CSL layout(s) shown. Note that most of the details of the formatting are controlled by CSS; only small changes in the nesting of markup and the assignment of classes in the output are needed to give effect to the different bibliography formats.
Enjoy!
Frank Bennett
2009.08.07
<div class="csl-entry"> <b>John Aloysius Doe</b>, Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa (1999). </div>
<bibliography> <layout> <names variable="author" font-weight="bold" suffix=", "> <name/> </names> <text variable="title"/> <date variable="issued" prefix="( " suffix=")."> <date-part name="year"/> </date> </layout> </bibliography>
<div class="csl-entry"> <div class="csl-left-label" > [1] </div> <div class="csl-item"> <b>John Aloysius Doe</b>, Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa (2000). </div> </div>
<bibliography> <layout> <option name="second-field-align" value="true"/>> <text variable="citation-number" prefix="[" suffix="]"/> <names variable="author" font-weight="bold" suffix=", "> <name/> </names> <text variable="title"/> <date variable="issued" prefix=" (" suffix=")."> <date-part name="year"/> </date> </layout> </bibliography>
<div class="csl-entry"> <div class="csl-left-label" > [1] </div> <div class="csl-item"> <b>John Aloysius Doe</b>, Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa (2000). </div> </div>
<bibliography> <layout> <group class="csl-left-label"> <text variable="citation-number" prefix="[" suffix="]"/> </group> <group class="csl-item"> <names variable="author" font-weight="bold" suffix=", "> <name/> </names> <text variable="title"/> <date variable="issued" prefix=" (" suffix=")."> <date-part name="year"/> </date> </group> </layout> </bibliography>
<div class="csl-entry"> <b>John Aloysius Doe</b>, Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb (2000). </div>
<bibliography> <layout> <option name="hanging-indent" value="true"/> <names variable="author" font-weight="bold" suffix=", "> <name/> </names> <text variable="title"/> <date variable="issued" prefix=" (" suffix=")."> <date-part name="year"/> </date> </layout> </bibliography>
<div class="csl-entry"> <b>John Aloysius Doe</b>, Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb Abbbb (2000). <div class="csl-indented-block"> My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. My Aunt Sally. </div> </div>
<bibliography> <layout> <names variable="author" font-weight="bold" suffix=", "> <name/> </names> <text variable="title"/> <date variable="issued" prefix=" (" suffix=")."> <date-part name="year"/> </date> <group class="csl-indented-block"> <text variable="abstract"> </group> </layout> </bibliography>
<div class="csl-entry"> <a class="thumbnail" href="#thumb"> <div class="csl-entry-heading" > John Aloysius Doe </div> <div class="csl-left-label" > 1999 </div> <div class="csl-item"> Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa Aaaaa </div> </div>
<bibliography> <layout> <group class="csl-entry-heading"> <names variable="author" font-weight="bold"> <name/> </names> </group> <group class="csl-left-label"> <date variable="issued"> <date-part name="year" font-weight="bold"/> </date> </group> <group class="csl-item"> <text variable="title"/> </group> </layout> </bibliography>