Further styles
01This is a sample block number. Use <p class=”blocknumber”><span class=”bignumber”>01.</span>Your content goes here!</p> to form a block number!
02This is a sample block number. Use <p class=”blocknumber”><span class=”bignumber”>02.</span>Your content goes here!</p> to form a block number!
03This is a sample block number. Use <p class=”blocknumber”><span class=”bignumber”>03.</span>Your content goes here!</p> to form a block number!
This is a sample error message. Use <p class=”error”>Your error message goes here!</p>.
This is a sample info message. Use <p class=”message”>Your info message goes here!</p>.
This is a sample tips message. Use <p class=”tips”>Your tips goes here!</p>.
This is a highlight phrase. Use <span class=”highlight”>Your highlight phrase goes here!</span>.
This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Quartz bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.
Legend style
Use <div class=”legend”><h3 class=”legend-title”>Your title</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>
List Types H1
Definition List H3
- Definition List Title
- This is a definition list division.
Ordered List H3
- List Item 1
- List Item 2
- List Item 3
Unordered List H3
- List Item 1
- List Item 2
- List Item 3
Fieldsets, Legends, and Form Elements
Tables
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
Misc Stuff – abbr, acronym, pre, code, sub, sup, etc.
Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
“This stylesheet is going to help so much.”
-Blockquote