infinite sushi

Subscriptions in endo can be configured to display articles using the originating website's style-sheet. This gives bloggers the option to let users view their blog entries in their own style. For example, here's my blog's subscription:

The "Use site's css" option is checked. Any article displayed in endo's main viewer uses my blog's style-sheet. For this to work, the style sheet has to define an "aggregator" ID. This is the ID of the main DIV element in endo's HTML template for articles. Using this name, "aggregator", is general enough so that any other aggregator that supports external style-sheets can use it. It's always nice to have a standard after all. The rest of my CSS tries to match my blog's look as much as possible. I also define styles for INS and DEL, which are used by endo to mark changes in an article (you need to turn that on in Preferences).

#aggregator { margin:1em; }
#aggregator #item {
  padding: 1em 2.6em 2.6em 2.6em;
  background-color: #fff;
}
#aggregator #item p {
  margin: 0.8em 0 0.8em 0;
  font-size:1em;
  font-weight:normal;
  line-height: 1.33em;
  text-align:justify;
}
#aggregator #content { margin: 0; }
#aggregator h1 { border-bottom: 1px solid #999; }
#aggregator h1 a { color: #ad5000; text-decoration: none; }
#aggregator h2 {
	text-align: left;
	font-size: 0.8em;
	margin: 0.2em 0 0.3em 0;
	color: #999;
}
#aggregator img { border: none; }
#categories {
	text-align: right;
	font-size: 0.8em;
	margin: 0.3em 0 0.3em 0;
	color: #999;
}
ins.diff { background: #aaffab; text-decoration:none; }
del.diff { background: #fddacb; text-decoration:none; }

If your blog or website supports the #aggregator ID, drop me a line. Once I've got a list compiled, I will link them here.

Technorati Tags: aggregator, css, endo