Images

Image Shape Style

140x140 140x140 140x140
  1. <img src="..." class="img-rounded">
  2. <img src="..." class="img-circle">
  3. <img src="..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Image Lightbox Style

    <div class="fancybox_style">
    <ul>
	  <li> <a rel="group" class="fancybox" title="Exciting Title!" href="/Portals/0/fancy_01.png"> <img alt="" src="/portals/0/fancy_01.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yup, More Text.." href="/Portals/0/fancy_02.png"> <img alt="" src="/portals/0/fancy_02.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yelf Up." href="/Portals/0/fancy_03.png"> <img alt="" src="/portals/0/fancy_03.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Bonjour!!" href="/Portals/0/fancy_04.png"> <img alt="" src="/portals/0/fancy_04.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Exciting Title!" href="/Portals/0/fancy_05.png"> <img alt="" src="/portals/0/fancy_05.jpg" /><span class="img-overlay"> </span> </a></li>
	  <li> <a rel="group" class="fancybox" title="Yup, More Text.." href="/Portals/0/fancy_06.png"> <img alt="" src="/portals/0/fancy_06.jpg" /><span class="img-overlay"> </span> </a></li>

	</ul>  
  </div>