CSS3 features
Use the better of each browser !
This template works perfectly with Chrome, Firefox, IE7+. But I've use some functionnality of CSS3, almost not supported by IE :
- All textfields and the "read more" button use the property "border-radius" for obtain a rounded corner. OK for all browsers except IE
- For Firefox Chrome and Safari, you can use the class ".shadow" for yours images. You will obtain a nice shadow effect with a white border (see example below). If you make a link on an image with this class, you obtain an hover effect too.
- The feed, print, mail, pdf have a rotate effect on hover. OK only for Firefox, Chrome, Safari, Opera
I decided to use these functionnality for obtain a clean and light template. With that, there're less code and fewer images to load, with the better of each browser !!