Style tile

Style Prototypes

Definitions for all the elements in html / css for your site’s main content area, text widget in your sidebar, and footer styles. All theme elements should be represented.

Be sure to add all the side bar widgets so you can style them along with creating categories and tags for your post

First level headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam interdum orci ut scelerisque bibendum. Vestibulum sollicitudin lorem eu leo faucibus, a pulvinar odio placerat.

Second level headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam interdum orci ut scelerisque bibendum. Vestibulum sollicitudin lorem eu leo faucibus, a pulvinar odio placerat.

Third level headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam interdum orci ut scelerisque bibendum. Vestibulum sollicitudin lorem eu leo faucibus, a pulvinar odio placerat.

Fourth

Fifth

Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. 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. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

This is a blockquote. Morbi imperdiet augue quis tellus.Nullam volutpat metus nec tincidunt posuere. In hac habitasse platea dictumst. Etiam cursus facilisis nunc, id ultricies lorem convallis ut. Suspendisse a lacus vitae ipsum facilisis pulvinar. Sed et libero aliquam, malesuada leo ut, malesuada felis. Quisque eget elit eu nibh dictum viverra. Fusce sed dapibus orci. Morbi felis nisl, euismod non mauris sed, tempus imperdiet sapien.

This is a blockquote with class testimonial. Morbi imperdiet augue quis tellus.Nullam volutpat metus nec tincidunt posuere. In hac habitasse platea dictumst. Etiam cursus facilisis nunc, id ultricies lorem convallis ut. Suspendisse a lacus vitae ipsum facilisis pulvinar. Sed et libero aliquam, malesuada leo ut, malesuada felis. Quisque eget elit eu nibh dictum viverra. Fusce sed dapibus orci. Morbi felis nisl, euismod non mauris sed, tempus imperdiet sapien.
Somebody famous

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. 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. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Test link. Strong text. Emphasized text.

HTML elements

Nested List 1: ol ul

  1. List Item 1
    • Nested List Item 1. Are your nested lists properly indented?
    • Some List Items will break to more than one line of text. Be sure to add some margin-bottom to your list items to create vertical space between them. This makes it much easier to distinguish two different list items from one item that breaks onto two lines.
    • Nested List Item 3
  2. List Item 2
  3. List Item 3

Nested List 2: ul ol

  • List Item 1
    1. Nested List Item 1. Are your nested lists properly indented?
    2. Nested List Item 2
    3. Nested List Item 3
  • List Item 2
  • List Item 3
  • List Item 1. Do your unordered lists have bullets?
  • List Item 2. Are the bullets properly indented? I like to give unordered lists a margin-left of 1.25em. This makes the bullets align with the left edges of other content, no matter what font-size is used.
  • Some List Items will break to more than one line of text. Be sure to add some margin-bottom to your list items to create vertical space between them. This makes it much easier to distinguish two different list items from one item that breaks onto two lines.
  • List Item
  1. List Item 1. Do your ordered lists have numbers?
  2. List Item 2. Are the numbers properly indented? I like to give ordered lists a margin-left of 1.75em. This makes the bullets align with the left edges of other content, no matter what font-size is used.
  3. It’s a good idea to test an ordered list with at least 10 items, so you can be sure your left indents work with two-digit numbers.
  4. List Item 4
  5. List Item 5
  6. List Item 6
  7. List Item 7
  8. List Item 8
  9. List Item 9
  10. List Item 10
  11. List Item 11
  12. List Item 12
Don’t forget to add any footer elements that may need to be styled.