
Source
.foo { color: #ff0000; }
.bar { color: rgba(255, 0, 0, 1); }
Result
Source map
Restructure
Beautify
@charset "utf-8";#footer-bottom a:hover,#footer-top .tweet_time a:hover,#footer-top a,#polyglotLanguageSwitcher a:hover,.entry-title a:hover,.flex-caption a:hover,.iconbox h4 a:hover,.pricing-table .featured span.price span,.tabs ul.nav li a:hover,.tabs ul.nav li.ui-state-active a,.widget ul.menu li.current-menu-item>a,.widget ul.menu li>a:hover,a,a>*,ol.comment-list .comment-author a:hover,span.accordion-title.ui-state-active,span.accordion-title:hover,span.toggle-title.ui-state-active,span.toggle-title:hover,ul#search-results h2 a:hover,ul#search-results h2 a:hover strong{color:#e53c3c}.entry-slider-nav a,.flex-direction-nav a:link,.flex-direction-nav a:visited{background-color:rgba(229,60,60,.8)}#comment-form input.button,#filter a:hover,#filter li.active a,#toTop:hover,.button,.button.black:hover,.content-form input.button,.ddsubmenustyle li a:hover,.entry-slider-nav a:active,.entry-slider-nav a:hover,.flex-control-paging a.flex-active,.flex-direction-nav a:active,.flex-direction-nav a:hover,.highlight.colored,.ie8 .entry-slider-nav a,.ie8 .flex-direction-nav a:active,.ie8 .flex-direction-nav a:hover,.ie8 .flex-direction-nav a:link,.ie8 .flex-direction-nav a:visited,.jcarousel-next:focus,.jcarousel-next:hover,.jcarousel-prev:focus,.jcarousel-prev:hover,.page-nav a:hover,.page-nav li.current,.pricing-box.featured .header,a.post-format-wrap:hover .post-format,ul#navlist li.current a,ul.tags a:hover{background-color:#a5050f}.pricing-box.featured .title{background-color:#cc2121}.gen-table tbody tr:hover td,.gen-table tbody tr:hover th{background-color:#fff2f2}::-moz-selection{background:#e53c3c}::selection{background:#e53c3c}ins,mark{background-color:#e53c3c}.social-links a:hover{background-position:left -125px}.team-member .social-links a:hover{background-position:left -85px}.iconbox-icon{background-position:left -172px}.ddsubmenustyle li a:hover,.infobox,.pricing-box.featured .header,ul#navlist li.current a{border-color:#a5050f}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#e53c3c;background:rgba(229,60,60,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(204,33,33,.8)),to(rgba(229,60,60,.8)));background:-webkit-linear-gradient(top,rgba(204,33,33,.8),rgba(229,60,60,.8));background:-moz-linear-gradient(top,rgba(204,33,33,.8),rgba(229,60,60,.8));background:-o-linear-gradient(top,rgba(204,33,33,.8),rgba(229,60,60,.8));background:-ms-linear-gradient(top,rgba(204,33,33,.8),rgba(229,60,60,.8));background:linear-gradient(rgba(204,33,33,.8),rgba(229,60,60,.8))}.mejs-controls .mejs-button button:focus{outline-color:#e53c3c}
Show transformations
result
Original:   4564 bytes
Compressed: 2589 bytes (56.73%)
Saving:     1975 bytes (43.27%)
Time:       171 ms
Powered by CSSO 2.3.1
