@purzlbaum., Flickr Photo Collection: Design Patterns

4Dec2007 | 22:45

Link - Permalink ∞

Flickr Photo Collection: Design Patterns

Really useful stuff and already motivated me to improve our paging — gtmcknight — mareen

|
Seite 1 von 1

#wrapper #sidebar #top .heading { color: #fff; font-family: helvetica, arial, sans-serif; font-size: 17px; margin-top: 20px; padding: 10px; background-color: #3b627e; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #wrapper #sidebar #top a .heading { color: #fff; text-decoration: none; } #wrapper #sidebar #top .heading#followontumblr { background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-verbose.png') 10px center no-repeat #3b627e; text-indent: -9999px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #wrapper #sidebar #top .heading#followontumblr:hover, #wrapper #sidebar #top .heading#twitter:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #wrapper #sidebar #top .heading#twitter { background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #3b627e; } #wrapper #sidebar #top .heading#following { background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #3b627e; } #wrapper #sidebar #top .content { margin-top: 2px; padding: 7px 10px; background: #eaeaea; color: #666; font-size: 11px; overflow: hidden; } #wrapper #sidebar #top a { text-decoration: none; } #wrapper #sidebar #top #following-avatars.content { padding: 4px; } #wrapper #sidebar #top #following-avatars.content a img { margin: 5px; } #wrapper #sidebar #top #buttons { padding: 20px 0 0 0; } #wrapper #sidebar #top #buttons .button { width: 35%; height: 21px; float: left; background: left center no-repeat transparent; padding: 2px 0 0 30px; font-size: 14px; } #wrapper #sidebar #top #buttons a { color: #3b627e; text-decoration: none; } #wrapper #sidebar #top #buttons div { padding-bottom: 10px; } #wrapper #sidebar #top #buttons .button#button-rss { background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2'); } #wrapper #sidebar #top #buttons .button#button-random { background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2'); } #wrapper #sidebar #top #buttons .button#button-archive { background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2'); } #wrapper #sidebar #top #buttons .button#button-mobile { background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2'); } #wrapper #sidebar #bottom { background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent; width: 250px; height: 25px; } #wrapper #sidebar #copyright { text-align: center; color: #fff; font-size: 12px; margin-bottom: 10px; } #wrapper #sidebar #copyright a { color: #fff; margin-left: 15px; }

@purzlbaum.

Flickr Photo Collection: Design Patterns »

Really useful stuff and already motivated me to improve our paging — gtmcknight — mareen