I was never really happy with my previous 2010 theme, so I’ve gone and done a completely new one.
This new one makes extensive use of CSS3 properties, such as gradients and shadows. It looks best in Firefox >= 3.6,followed by Safari >= 4, then Chrome >= 4, Opera >= 10, and IE >= 8. Theoretically, Firefox and Safari/Chrome support the same level of features, but the webkit gradient syntax is absolutely awful. It’s confusing, needlessly complex, and poorly thought-out, in my opinion. Contrast the following two lines:
[sourcecode language=css]background: -moz-linear-gradient(top, #111, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));[/sourcecode]
See what I mean?



Gecko (Firefox), Webkit (Safari), and Trident (IE) rendering.
Leave a Reply