CSS Validator Rating [#1740200]

This is a beautiful theme but am shocked at the number of errors detected by w3c's validator tool.I had about 245 errors when using the theme out of the box.On the average,other drupal themes have about 60 errors.This one has four times more.But i ve found out that they are minor errors that can be corrected simply by following standard css mark up.I will be glad if this can be incorporated in the next release as it greatly impacts SEO.

Comments

Comment #1

dudenhofer CreditAttribution: dudenhofer commented 22 August 2012 at 20:12

Status:

Needs review

» Closed (works as designed)

I've actually been aware of this. The errors that you are seeing listed there are mostly due to vendor prefixes. I used those because of a decision early on that some of the styles that I am putting in the CSS (like gradients, shadows, rounded corners) are a future-forward approach. Vendor prefixes are marked as Errors in these w3c CSS validation tools. So yeah, this would definitely have more of those errors than other drupal themes that aren't using these types of styles.

With that in mind, I personally think messages like "Property -moz-border-radius doesn't exist" are ignorable. So, I'm marking this as 'works as intended' because I prefer the CSS elements that I am using in the theme over such errors in the 'validation'.

I've recently pushed a compass update to dev that removes some of these vendor prefixes, so it brought the number down to around 173, but if it's that big of a deal, you can remove the CSS3 Stylesheets from the .info file. Lines 13-15 refer to three CSS3 stylesheets - specifically corners.css, gradients.css, and shadows.css. In my testing, if I remove those 3 stylesheets alone, I get the number down to 45 - and even a lot of the remaining errors are due other gradients created from the theme's use of the color module. Unfortunately, I don't think the theme looks quite as nice without the polish, but this is why I left them in their own CSS files.