Styling FeedBurner's BuzzBoost
In order to present my linkblog I used FeedBurner's BuzzBoost feature. However the presentation was not what I wanted it to be, so I read the examples and created my own stylesheet.
You can see the result at the bottom right of this page.
I was tempted to write som javascript that would allow to expand/collapse the body of each post, but it wouldn't make much sense for the linkblog. Anyway, here is the CSS for anyone interested to hack it:
div.feedburnerFeedBlock {
font-family: Verdana, arial, sans;
font-size: 9px;
width: 200px;
border: 1px #999 solid ;
padding: 1em ;
}
div.feedburnerFeedBlock p.feedTitle { font-size: 110%; font-weight: bold; }
div.feedburnerFeedBlock span.headline a{ color: #990000 ; font-weight: bold; } div.feedburnerFeedBlock span.headline { display: inline; }
div.feedburnerFeedBlock p.date { display: inline; margin-left: 1em; margin-right: .5em; color: #aaaaaa ; }
div.feedburnerFeedBlock ul li div {
display: inline;
}
div.feedburnerFeedBlock ul li {
text-indent: 0 ;
margin:0;
padding:0 0 .25em 0;
}
div.feedburnerFeedBlock ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}