Search

Whitebox

If you're just looking to highlight some content in its own area of the page then we've created some CSS to do this.

Latest Release - RSS Style html

  • 10th June 2009
    JBossTS 4.2.3 GA SP7
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.

    Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat. Etiam porta ipsum eu lectus.

To use it simply add the following <div> element to a RichText / HTML paragraph.

	

<div class="whitebox">
    <h3>Latest Release</h3>
    <ul>
        <li>
            <span class="location">10th June 2009</span>
            <dl>
                <dt><a href="#">JBossTS 4.2.3 GA SP7</a></dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.</dd><br />
               <dd>Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat. Etiam porta ipsum eu lectus.</dd>
            </dl>
        </li>
    </ul>
</div>


Or for a simple definition list:

Definition List

Definition:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Pellentesque sit amet odio.
Definition:
Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat.
Definition:
Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.

To use it simply add the following <div> element to a RichText / HTML paragraph.

	

<div class="whitebox">
  <h3>Definition List</h3>
  <dl>
    <dt>Definition: </dt>
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Pellentesque sit amet odio.</dd>
    <dt>Definition: </dt>
    <dd>Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat. </dd>
    <dt>Definition: </dt>
    <dd>Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.</dd>
  </dl>
</div>
 


Or simply add content within paragraph tags:

A Simple Paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Pellentesque sit amet odio. Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat. Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.

To use it simply add the following <div> element to a RichText / HTML paragraph.

	

<div class="whitebox">
  <h3>Definition List</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat varius dolor. Pellentesque sit amet odio. Nunc pretium diam. In posuere. Phasellus tincidunt risus sit amet elit. Aenean sit amet enim eu lectus sodales dictum. Donec placerat neque ac erat. Nulla ante quam, auctor ut, lacinia quis, imperdiet vitae, dui. Pellentesque sit amet odio.</p>
</div>