Editor: Extracting input styles to template

editor/js/libs/ui.js

@@ -600,12 +600,6 @@ UI.Number = function ( number ) {
 
 	var dom = document.createElement( 'input' );
 	dom.className = 'Number';
-	dom.style.color = '#0080f0';
-	dom.style.fontSize = '12px';
-	dom.style.backgroundColor = 'transparent';
-	dom.style.border = '1px solid transparent';
-	dom.style.padding = '2px';
-	dom.style.cursor = 'col-resize';
 	dom.value = '0.00';
 
 	dom.addEventListener( 'keydown', function ( event ) {
@@ -760,12 +754,6 @@ UI.Integer = function ( number ) {
 
 	var dom = document.createElement( 'input' );
 	dom.className = 'Number';
-	dom.style.color = '#0080f0';
-	dom.style.fontSize = '12px';
-	dom.style.backgroundColor = 'transparent';
-	dom.style.border = '1px solid transparent';
-	dom.style.padding = '2px';
-	dom.style.cursor = 'col-resize';
 	dom.value = '0.00';
 
 	dom.addEventListener( 'keydown', function ( event ) {

editor/themes/default/style.css

@@ -42,6 +42,15 @@ button {
 		white-space: nowrap;
 	}
 
+input.Number {
+	/* '#0080f0' */
+	color: red;
+	font-size: 12px;
+	background-color: transparent;
+	border: 1px solid transparent;
+	padding: 2px;
+	cursor: col-resize;
+}
 
 #menubar {
 	position: absolute;
@@ -119,7 +128,7 @@ button {
 	background: url(trans.png);
 	color: #333;
 }
-			
+
 	#toolbar .Panel {
 		padding: 4px;
 		color: #888;