Eric Roberts Once ate a spider

Modality Some witty tagline goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse purus arcu, venenatis eu varius et, aliquam nec lectus. Ut eu velit quis mi condimentum bibendum eget sit amet sem. Proin in venenatis quam. Proin quis mauris nisi, eu adipiscing magna. Proin quis enim a justo viverra cursus. Aenean erat risus, porttitor at ultricies at, commodo vel nisl. Maecenas sem nibh, iaculis at vulputate id, dignissim et erat. Curabitur semper gravida luctus. In vel ipsum eget neque euismod interdum sit amet vitae lectus. Suspendisse sit amet diam urna, sodales commodo ante. Vivamus a nisl non mauris tempus imperdiet.

Demos

Inline Content

Launch Inline Lightbox

<a href="#inline_modal" class="lightbox">Launch Inline Lightbox</a>

Ajax Content

Launch Ajax Lightbox

<a href="ajax/modal.php" class="lightbox">Launch Ajax Lightbox</a>

iFrame Content

Launch iFrame Lightbox

<a href="http://google.com" class="lightbox" data-iframe="true">Launch iFrame Lightbox</a>

Gallery

<ul class="gallery">
  <li>
    <a class="lightbox" href="images/content/big.jpg">
      <img src="images/content/thumb.jpg" />
    </a>
  </li>
  <li>
    <a class="lightbox" href="images/content/big2.jpg">
      <img src="images/content/thumb2.jpg" />
    </a>
  </li>
  <li>
    <a class="lightbox" href="images/content/big3.jpg">
      <img src="images/content/thumb3.jpg" />
    </a>
  </li>
  ...
</ul>

Inline Modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra rhoncus turpis vel sagittis. Vivamus nibh urna, bibendum laoreet vulputate sit amet, pharetra ut diam. Etiam commodo eros non felis sodales aliquet. Cras elementum augue augue. Sed id sem at velit cursus fringilla eget pulvinar ipsum. Duis nulla nisi, hendrerit id accumsan eu, vehicula at erat. Nam sed elit et tortor posuere auctor. Curabitur leo lorem, ultrices ac mollis mattis, fermentum nec libero. Vivamus bibendum mi eu lacus viverra et porttitor turpis ultricies. Sed lacinia tempor augue, sit amet faucibus neque pulvinar et. Donec elementum accumsan consequat. Nulla leo turpis, sodales at vehicula nec, tempor ac ligula. Vestibulum nec lectus in sapien tincidunt tristique. Pellentesque leo nisi, placerat quis lobortis et, scelerisque non orci. In nisi nisi, molestie nec imperdiet eget, placerat dapibus massa.

Nullam sollicitudin eros vel justo condimentum vel malesuada dui sollicitudin. Nullam ac rhoncus justo. Phasellus scelerisque auctor pretium. Nulla sollicitudin, ipsum ut laoreet dapibus, est elit luctus orci, id fringilla dui ante in neque. Nulla facilisi. Nunc vitae venenatis lacus. Fusce in massa metus. In placerat scelerisque nisi, ut luctus velit aliquet ac. Nulla facilisi. Mauris a ornare ipsum. Vestibulum tempor quam sed orci auctor lacinia. Vivamus odio odio, faucibus placerat posuere vitae, vulputate ut mauris. Sed porta, nisl a bibendum cursus, nisl ante egestas sem, quis pretium lacus dolor eget quam. Ut leo ligula, mollis vel convallis vitae, semper in nisi. Etiam nulla purus, venenatis vitae bibendum eget, sagittis nec purus. Donec vulputate nibh neque, vitae commodo diam. Aenean quis eros id turpis cursus mattis pharetra ac tortor. Fusce congue augue nec sem vehicula semper.

Using LESS CSS The only thing easier is making fun of IE

Implementations

article {
  border-top: 5px solid @yellow;
  padding: 20px 20px 20px 20px;
  margin: 0 0 40px 0;
  background: #f8f8f8;
  position: relative;
}

Cras convallis leo massa, vel cursus dui.
Praesent accumsan suscipit dui, eu pretium libero ultrices quis. Vivamus magna ipsum.
Curabitur ipsum orci, vehicula vitae placerat vitae, varius eget purus.

Cras convallis leo massa, vel cursus dui. Mauris erat neque, ornare ut pretium eget, vestibulum id sapien. Suspendisse viverra eros a neque vehicula tristique. Mauris pellentesque lobortis nulla a bibendum. Praesent accumsan suscipit dui, eu pretium libero ultrices quis. Vivamus magna ipsum, pellentesque ac lacinia id, fermentum quis purus. Mauris eget urna magna, id gravida risus. Nullam vitae elit risus. Integer quis arcu elit, eget faucibus libero. Nunc dictum, neque in consequat venenatis, purus ante tincidunt felis, quis bibendum orci turpis at urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut semper rhoncus lobortis. Aliquam erat volutpat. Curabitur ipsum orci, vehicula vitae placerat vitae, varius eget purus. Phasellus ligula justo, pretium vel commodo at, consequat in tellus. Phasellus at libero felis, vitae elementum ligula.

Phasellus at libero felis, vitae elementum ligula.
Suspendisse purus arcu, venenatis eu varius et, aliquam nec lectus.
Maecenas sem nibh, iaculis at vulputate id.
Curabitur semper gravida luctus. In vel ipsum eget neque euismod interdum sit amet vitae lectus.

Training Methods I Take This Seriously

Cras convallis leo massa, vel cursus dui.
Praesent accumsan suscipit dui, eu pretium libero ultrices quis. Vivamus magna ipsum.
Curabitur ipsum orci, vehicula vitae placerat vitae, varius eget purus.

Phasellus at libero felis, vitae elementum ligula.
Suspendisse purus arcu, venenatis eu varius et, aliquam nec lectus.
Maecenas sem nibh, iaculis at vulputate id.
Curabitur semper gravida luctus. In vel ipsum eget neque euismod interdum sit amet vitae lectus.