A New Magazine Theme for Drupal 6.x

Typography Options

Stingray comes with plenty of typography options, as illustrated below:

This is an H1 Header

Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

This is an H2 Header

Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

This is an H3 Header

Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

This is an H4 Header

Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

This is an H5 Header

Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

This is an example of the 'alert' paragraph style. Use this style to notify your vistors of important information. To use this style, enclose your text within the following html

This is an example of the 'info' paragraph style. Use this style to notify your vistors of important information. To use this style, enclose your text within the following html: <p class="alert">...</p>

This is an example of the 'notice' paragraph style. Use this style to notify your vistors of important information. To use this style, enclose your text within the following html: <p class="alert">...</p>

This is an example of the 'download' paragraph style. Use this style to notify your vistors of downloadable content and files. To use this style, enclose your text within the following html: <p class="alert">...</p>

The following is an example of a blockquote (use <blockquote>Your Quote</blockquote>):

Treading the soil of the moon, palpitating its pebbles, tasting the panic and splendor of the event, feeling in the pit of one's stomach the separation from terra - these form the most romantic sensation an explorer has ever known.

This is an example of the pre tag:

#main-content {
  float: left;
  width: 100%;
  overflow: hidden;
}

This is a check list, called with the class "check":

  • Item One
  • Item Two
  • Item Three

Web Icons courtesy of WebAppers.com

User 1

Praesent sed mauris eu augue iaculis laoreet. Vivamus ac enim. Nulla facilisi. Sed arcu dolor, eleifend vitae, suscipit vitae, volutpat a, urna. Integer adipiscing, nunc ut facilisis ultricies, justo nunc egestas risus, ac interdum massa orci ut lorem. Maecenas magna erat, fermentum at, luctus ac, auctor et, nisl. Curabitur interdum felis sed magna. Cras fringilla condimentum tortor. Nunc quis lacus in ligula venenatis bibendum. Nullam quis nulla dignissim dui faucibus bibendum. Etiam euismod ligula nec metus. Integer sed massa.

User 2

Praesent sed mauris eu augue iaculis laoreet. Vivamus ac enim. Nulla facilisi. Sed arcu dolor, eleifend vitae, suscipit vitae, volutpat a, urna. Integer adipiscing, nunc ut facilisis ultricies, justo nunc egestas risus, ac interdum massa orci ut lorem. Maecenas magna erat, fermentum at, luctus ac, auctor et, nisl. Curabitur interdum felis sed magna. Cras fringilla condimentum tortor. Nunc quis lacus in ligula venenatis bibendum. Nullam quis nulla dignissim dui faucibus bibendum. Etiam euismod ligula nec metus. Integer sed massa.

User 3

Praesent sed mauris eu augue iaculis laoreet. Vivamus ac enim. Nulla facilisi. Sed arcu dolor, eleifend vitae, suscipit vitae, volutpat a, urna. Integer adipiscing, nunc ut facilisis ultricies, justo nunc egestas risus, ac interdum massa orci ut lorem. Maecenas magna erat, fermentum at, luctus ac, auctor et, nisl. Curabitur interdum felis sed magna. Cras fringilla condimentum tortor. Nunc quis lacus in ligula venenatis bibendum. Nullam quis nulla dignissim dui faucibus bibendum. Etiam euismod ligula nec metus. Integer sed massa.

User 4

Praesent sed mauris eu augue iaculis laoreet. Vivamus ac enim. Nulla facilisi. Sed arcu dolor, eleifend vitae, suscipit vitae, volutpat a, urna. Integer adipiscing, nunc ut facilisis ultricies, justo nunc egestas risus, ac interdum massa orci ut lorem. Maecenas magna erat, fermentum at, luctus ac, auctor et, nisl. Curabitur interdum felis sed magna. Cras fringilla condimentum tortor. Nunc quis lacus in ligula venenatis bibendum. Nullam quis nulla dignissim dui faucibus bibendum. Etiam euismod ligula nec metus. Integer sed massa.