After creating a child theme based on the responsive i-transform theme from http://templatesnext.org/itrans/, I found myself continuously undoing the i-transform CSS, which is taking up a lot of my time. However, if I remove the entire parent stylesheet, the layout gets messed up due to using some default parent wrappers like div elements here and there. Although it functions properly with the parent stylesheet, it feels messy, adding unnecessary layers of overridden CSS that potentially slow down the page load.
If only I had the time, I could meticulously sift through the 4000+ lines of the parent stylesheet to extract what I actually need. But, honestly, I'd rather not go through all that trouble. Is there any way to get a clean copy of only the CSS being applied to my pages - basically the winning styles that are actually displayed?