rewrite_css filter incompatible with CSS3 media queries

[GoogleCodeExporter]

CSS3 media queries get destroyed with the rewrite_css filter using 0.9.0.0-128.

For instance, this CSS:

@media screen and (max-width: 290px), screen and (max-device-width: 290px) {
    .selector {
        display: none;
    }
    .otherselector {
        display: block;
    }
}


turns into this after passing through the rewrite_css filter:

@media screen,and,screen,and{.selector{display:none}}@media 
screen,and,screen,and{.otherselector{display:block}}


Instead, it should be written like this I believe:

@media screen and (max-width:290px),screen and 
(max-device-width:290px){.selector{display:none};.otherselector{display:block}}


These media queries are very important for developing pages that render nicely 
on a wide range of devices (e.g. phones), so I hope that this gets fixed soon! 
In the meantime, I have disabled the rewrite_css filter.

Original issue reported on code.google.com by joe.lencioni on 8 Nov 2010 at 8:35