Feed Icon

I've made a few tweaks to the castlesblog template. Images now have padding and margins and headings look a bit neater.

You might also notice I added a feed icon to the top right. If your browser supports it there is a CSS rotation on it to it to make it a bit interesting. If its not rotated this is what you are missing out on...

As far as I know the rotation works in Firefox, Safari, Chrome and Opera. The CSS to do it is fairly simple:

-o-transform:rotate(-15deg); /*OPERA*/
-moz-transform:rotate(-15deg); /*MOZILLA*/
-webkit-transform:rotate(-15deg); /*WEBKIT*/

Update 14th March 2010

I've just discovered you can rotate elements in IE using pure CSS... firstly a much simpler way of rotating is using the rotation property filter but it only allows 90 degree increments. Thanks to this matrix calculator by robertc it now works using the Matrix filter. The catch is the origin of rotation is different in IE so I have setup a new conditional stylesheet for IE that sets a different margin and included all IE specific CSS there.