XTypo is a GPL joomla mambot / plugin from templateplazza.com to produce an extra nice css styling to your joomla content.

With this plugin, you don't need anymore to put any hard code css into your template css just to get an extra css styling for your content.

Just  install and publish this plugin and get your extra css easily with adding a string like this :
{ x t y p o _ a l e r t } . . . { / x t y p o _ a l e r t } , { x t y p o _ q u o t e  } . . . { / x t y p o _ q u o t e } e t c ..

into your joomla content.

Another good news is, this plugin also configurable, so you can modify the styling looks from the backend parameter. 

You can change the icon, define the border size, define the padding, etc ... and then create your own new styling 

Just download it from here as free and see another demo from here

Here is the samples of xtypo styling :

This is a sample of the 'xtypo_alert' style. You can use this style to denote specific information to your users.  To use this style use the folllowing code: { x t y p o _ a l e r t } . . . { / x t y p o _ a l e r t }

This is a sample of the 'xtypo_info' style. You can use this style to denote specific information  to your users. To use this style use the folllowing code:{ x t y p o _ i n f o } . . . { / x t y p o _ i n f o }

This is a sample of the 'xtypo_warning' style. You can use this style to denote specific information  to your users.  To use this style use the folllowing code: { x t y p o _ w a r n i n g } . . . { / x t y p o _ w a r n i n g }

This is a sample of the 'xtypo_sticky' style. You can use this style to denote specific information  to your users. To use this style use the folllowing code:{ x t y p o _ s t i c k y } . . . { / x t y p o _ s t i c k y }

This is a sample of the 'xtypo_feed' style. You can use this style to denote specific information to your users.
To use this style use the folllowing code:{ x t y p o _ f e e d } . . . { / x t y p o _ f e e d }

This is a sample of the 'xtypo_download' style. You can use this style to denote specific information to your users.  To use this style use the folllowing code:{ x t y p o _ d o w n l o a d } . . . { / x t y p o _ d o w n l o a d }

Below is a sample of the 'xtypo_code' style. You can use this style to publish a piece of programming code to your users.

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>

To use the xtypo_code style use the folllowing code: { x t y p o _ c o d e } . . . { / x t y p o _ c o d e }

This is a sample of the 'xtypo_quote' style. You can use this style to quote a piece of content to your users. To use the xtypo_quote style use the folllowing code: { x t y p o _ q u o t e } . . . { / x t y p o _ q u o t e }

This is a sample of the 'left aligned xtypo_quote' style. You can use this style to quote a piece of
content to your users.  To use this style use the folllowing code:{ x t y p o _ q u o t e _ l e f t } . . . { / x t y p o _ q u o t e _ l e f t }

This is a sample of the 'left aligned xtypo_quote' style. You can use this style to quote a piece ofcontent to your users. To use this style use the folllowing code:{ x t y p o _ q u o t e _ r i g h t } . . . { / x t y p o _ q u o t e _ r i g h t }

To use the xtypo_dropcap style use the folllowing code: { x t y p o _ d r o p c a p} T { / x t y p o _ d r o p c a p } is is a dropcap