Improve web parts rendering in Editor

Problem I have with every skin you have is that you're setting the font-family on the controls.  So I have page X, drop on a radcontrol and it doesn't look at all like it's from the same site.  Whereas if I go drop a kendo control on the page it inherits the site font and looks native with little or no tweaks.

...but the radcontrols are clearly more full featured

Based on customer feedback:

Input controls, namely RadTextBox and RadComboBox appear misaligned and slightly different in terms of metrics

**UPDATE**
As of 2016 R1 SP1, the inconsistencies have been targeted and fixed as a part of a broader story to unify the appearance of the various components.
NOTE: The changes apply only to Light-weight rendering

The functionality will be available in Q3 2015

If you like the Google Material design, you can vote for this item. This will help us prioritize the item and decide when to implement a Material skin for the Telerik UI for ASP.NET AJAX controls.

Using GIF image in the RadEditor to resize them or manipulate them somehow and saving them, results to a GIF file with black background.

You can safely use PNG images when transparency is needed, which are fully supported. 

For the time being you can use the following workaround:
CSS:
	<style>
		html span.RadButton_MetroTouch.rbToggleButton .rbText,
		html span.RadButton_BlackMetroTouch.rbToggleButton .rbText {
			padding: 0 25px;
		}
	</style>
ASPX:
			<telerik:RadButton ID="telerik:RadButton 1" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" Skin="MetroTouch"
				Text="Click">
			</telerik:RadButton>