Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus feugiat dictum egestas. Duis at felis sed magna mattis laoreet id in enim. Cras egestas justo a dolor laoreet a posuere leo scelerisque. Integer felis lorem, auctor ac auctor non, sollicitudin eget sem. Donec vel lacus elit. Morbi suscipit luctus eros sollicitudin dignissim. Quisque nec lacus in magna elementum auctor nec et justo.
This is a page subtitle
Morbi dictum mattis velit molestie fringilla. Suspendisse potenti. Ut volutpat tristique enim sed interdum. Donec ut odio erat, sit amet iaculis nunc. Curabitur in leo arcu. Nam tortor urna, viverra sed tempus at, fringilla ut mauris.
CSS example
This code shows the actual CSS styles used to format the code view. Read more
/* Code Formatting */
div.codeformat
{
padding: .3em;
}
div.codeview
{
background:#fff;
color:#444;
border:1px solid #ddd;
}
/* Code format tabs */
div.codeformat ul:first-child
{
margin:.4em .2em .3em .2em;
padding:0;
list-style:none;
min-height:1.8em;
}
div.codeformat ul:first-child li
{
margin:.3em .3em 0 .5em;
padding:0;
float:left;
}
div.codeformat ul:first-child li a
{
padding:.4em .6em;
text-decoration:none;
font-weight:bold;
color: #999;
background: #f5f5ff;
border-radius: 5px 5px 0 0;
border:1px solid #ddd;
border-width: 1px 1px 0 1px;
}
div.codeformat ul:first-child li a.active
{
color: #444;
background:#fff;
padding:.4em .6em .5em .6em;
}
code, pre
{
margin: 1em 0;
font-family: Monospace;
font-size:100%;
overflow-x: scroll;
}
code
{
white-space: pre;
}
div.codeformat code, div.codeformat pre
{
margin:.2em .5em;
}
ol.code
{
margin: 0 !important;
padding: 0 0 0 3em;
background: #f5f5ff;
font-family: Monospace;
}
ol.code li
{
margin: 0;
padding: .2em 0 .2em .3em;
background: #fff;
white-space: pre-wrap;
border: 1px solid #ddd;
border-width: 0 0 0 1px;
}
ol.code li:nth-child(even)
{
background: #f8f8ff;
}
Smaller header and columns
Nam accumsan nibh nec neque feugiat nec dapibus elit viverra. Nulla luctus malesuada tortor ut ullamcorper. Maecenas ac libero nec enim tincidunt consequat. Fusce sed nunc urna. Ut molestie aliquam erat, nec rutrum nisl venenatis vitae. Sed imperdiet ullamcorper fermentum. Aliquam sit amet magna magna, non tincidunt nunc. Integer sapien metus, tincidunt laoreet consequat vel, consectetur at augue.
A blockquote. Sed non quam quis lorem scelerisque interdum eget et arcu. Sed eu nisi augue. Curabitur lacinia eleifend lacinia.
This is a basic list:
- Mauris pellentesque
- Vivamus ultricies, ipsum
- Praesent consectetur tellus
Curabitur ultricies massa eu velit ultricies quis posuere purus ullamcorper. Mauris pellentesque nibh nec enim vehicula nec lobortis est interdum. Phasellus eget accumsan nibh. Quisque id mi eu nulla rutrum fermentum sed vitae neque. Ut congue tincidunt dignissim.
Horizontal line to follow...