Snippets
from day-to-day!
Pattern
Lists
→
Tags—Buttons
cheddar
swiss
havarti
gouda
manchego
HTML
cheddar
swiss
havarti
gouda
manchego
CSS
ol.tags li { float: left; margin: 0 5px 5px 0; font-size: 14px; } ol.tags li a { float: left; padding: 5px 10px 6px 25px; font-weight: normal; color: #fff; background: #bbb url(/wp-content/themes/pears/images/tag-bg.png) no-repeat 0 50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } ol.tags li a:hover, ol.tags li a:focus { background-color: #999; } ol.tags li a:active { background-color: #ccc; }
hide
Content
Data Table
Slats
Thumbnail Grid
Forms
Left Labels
Top Labels
Lists
Stats Tabs
Tags—Buttons
Tags—Vertical
Navigation
Breadcrumb
Horizontal Nav
Pagination