Typography

print

Template typography preview.

This article demonstrates how the current template styles basic HTML elements and Elxis specific CSS classes.

Generic typography styles

This is an H1 header

This is an H2 header

This is an H3 header

This is an H4 header

This is an H5 header

This is a paragraph containing a sample link to elxis.org and some strong text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget mi vitae nunc tincidunt cursus ac at ligula. Aliquam dignissim mi sit amet tortor sodales fermentum. Aenean blandit suscipit erat auctor interdum. Pellentesque varius, lorem quis viverra imperdiet, nunc sem rhoncus ante, non varius justo metus in urna.

 

Preformated text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget mi vitae nunc tincidunt cursus ac at ligula. Aliquam dignissim mi sit amet tortor sodales fermentum.

 

 

Blockquote text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget mi vitae nunc tincidunt cursus ac at ligula. Aliquam dignissim mi sit amet tortor sodales fermentum. Aenean blandit suscipit erat auctor interdum. Pellentesque varius, lorem quis viverra imperdiet, nunc sem rhoncus ante, non varius justo metus in urna.

 

 

Elxis specific typography styles

 

This is an information message (<p class="elx_info">text</p>)

This is a warning message (<p class="elx_warning">text</p>)

This is an error message (<p class="elx_error">text</p>)

This is a success message (<p class="elx_success">text</p>)

This is a plain text box (<p class="elx_textblock">text</p>)

This is a small information message (<div class="elx_sminfo">text</div>)
This is a small warning message (<div class="elx_smwarning">text</div>)
This is a small error message (<div class="elx_smerror">text</div>)
This is a small success message (<div class="elx_smsuccess">text</div>)

 

 

Module title

Generic module style with outer div wrapper (class module) and module title shown.

 

 

 

  • Unordered items list (class: elx_stdul)
  • Unordered item
  • Unordered item

 

  1. Ordered items list (class: elx_stdol)
  2. Ordered item
  3. Ordered item

 

Navigation through pages

 

Page 1 2 3 4

 

Sample featured article

Sample date and Author
image
Sample image caption

Sample featured article sub-title.

Sample featured article. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget mi vitae nunc tincidunt cursus ac at ligula. Aliquam dignissim mi sit amet tortor sodales fermentum. Aenean blandit suscipit erat auctor interdum. Pellentesque varius, lorem quis viverra imperdiet, nunc sem rhoncus ante, non varius justo metus in urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed in nunc mi. Cras quis lectus risus. Nulla non pharetra metus. Ut ut euismod mi. Etiam ut leo id tellus rhoncus convallis sit amet rhoncus ipsum. Sed non ligula nibh.

 

 

 

 

image

Sample short article

Sample date and Author

Sample short article. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget mi vitae nunc tincidunt cursus ac at ligula. Aliquam dignissim mi sit amet tortor sodales fermentum. Aenean blandit suscipit erat auctor interdum...

 

 

 

 

 

Sample form
This is a sample tip message