General Ideas

Open Austin Site Illegible in FireFox - Simple CSS Fix

I love the OpenAustin concept! However, the site is completely illegible in FireFox due to the use of alpha color definitions. The CSS includes the * hack to provide an IE option, but does not include a fallback option for other browsers that don't support RGBa. The fix is straight forward...

 

Existing definition excerpt from panel-3883.css (STRUCTURE section):

body, td, th, div, li, p {color:rgba(255, 255, 255, 0.7);*color:#BCCAD0;}

 

Fallback definition syntax supporting forward compatibility:

body, td, th, div, li, p {color:#BCCAD0;color:rgba(255, 255, 255, 0.7);}

 

The * hack will no longer be needed, browsers that do not support the RGBa will fallback on the HEX definition while those that do support RGBa will pick it up as an overriding definition.

 

The site is great when it can be read!

Tags

Voting

3 votes
Active
Idea No. 28