Friendfeed Widget

Notice the awesome action stream at the bottom of my homepage? Thanks to the guys at friendfeed, you're able to take your online social activities anywhere with you. You can see their complete list of third party tools here (I'm using the embeddable feed widget).

I spent a good hour customizing my widget in CSS. I'm embedding the stylesheet below if you're interested is using or modifying the same style. Have a look at frienfeeds list of customizable markups. Enjoy!

.friendfeed {
	border: none !important;
	font-size: 11px !important;
	margin: 0 !important;
	padding: 0 0 0 3px !important;
}
.friendfeed .logo img {
	display: none;
}
.body {
	padding: 0 !important;
}
.friendfeed .feed .entry .media img {
	border: none !important;
	width: 50px !important;
	height: 50px !important;
	float: left !important;
	padding: 0 2px 0 0 !important;
	white-space: normal !important;
}
.friendfeed .bottom {
	display: none;
}
.friendfeed .feed .cluster icon { }
.friendfeed .feed .entry .comments .comment .quote {
	margin-bottom: 0px !important;
}
.friendfeed .feed .entry .comments .comment a {
	color: #666 !important;
	font-style: italic !important;
}
.friendfeed .feed .entry {
	margin-top: -4px !important;
}
.friendfeed .feed .entry a {
	text-decoration: underline!important;
}
.friendfeed .feed .entry .info {
	margin-top: -5px !important;
	font-size: 10px;
}
.friendfeed .feed a {
	color: #000 !important;
	text-decoration: none !important;
}
.friendfeed .feed .entry .info a {
	color: #999 !important;
	text-decoration: none !important;
}

2 Comments

Thanks for this - really helpful. I've used it over at http://www.whatbraddidnext.com/.

Brad

Nice one Brad. great blog content too!