body.gray

Header 1

Header 2

Header 3

Pellentesque habitant regular link senectus et netus et malesuada (em) fames ac turpis egestas. Vestibulum (i) tortor quam, feugiat vitae (strong), ultricies eget, tempor sit amet (b), ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

↓ hr.fancy-black

Buttons

a.button
a.button-blue
a.button-red
To use these arrows, charset needs to be set to UTF-8 or similar.
a.button.arrow a.button.arrow-hidden.qe a.button.arrow-hidden

Note: ".qe" adds "all 0.2 ease-in-out" transition to element as well as :before & :after

Samples

Advertisement

Facebook is a free way to connect to friends and family. Try Facebook Now

Blog post

Finally tried Github

Today I finally tried Github! It was awesome. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo... Read more

Responsive Columns & Rows

Simple Form

Image Container

Footer tag

Menus etc.

ul.menu ul.menu-red ul.menu-blue

Quicker developing

Slide down without extra jQuery Slide up without extra jQuery
This is a div

Also works with slideup/toggle & fades

Toggle fade without extra jQuery
Fade toggled!

<a href="#" class="button fadetoggle" ui-rel="div-to-fade-id">Fade Toggle #div-to-fade-id</a>

<div id="dhide div-to-fade-id">Fadetoggled</div>

Note: #dhide, .dhide, or any class/id that starts with dhide- will not hide stuff completely, but just add display:none to them.
#hide, .hide, or any class/id that starts with hide- will hide visibility, opacity and display:none;