Editor: Refactor fixed border colors to css classes

editor/index.html

@@ -49,7 +49,7 @@
 					}
 
 						#menubar .menu .options hr {
-							border-color: #ddd;
+							border-color: #444;
 						}
 
 						#menubar .menu .options .option {
@@ -72,9 +72,15 @@
 				overflow: auto;
 			}
 
+
 				#sidebar .Panel {
 					margin-bottom: 10px;
+				}
+
+				#sidebar > .Panel {
 					color: #888;
+					padding: 10px;
+					border-top: 1px solid #333;
 				}
 
 				#sidebar #outliner .type {

editor/js/Sidebar.Animation.js

@@ -6,8 +6,6 @@ Sidebar.Animation = function ( editor ) {
 	var possibleAnimations = {};
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPadding( '10px' );
 	container.setDisplay( 'none' );
 
 	container.add( new UI.Text( 'Animation' ) );

editor/js/Sidebar.Geometry.CircleGeometry.js

 Sidebar.Geometry.CircleGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.CubeGeometry.js

 Sidebar.Geometry.CubeGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.CylinderGeometry.js

 Sidebar.Geometry.CylinderGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.IcosahedronGeometry.js

 Sidebar.Geometry.IcosahedronGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.PlaneGeometry.js

 Sidebar.Geometry.PlaneGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.SphereGeometry.js

 Sidebar.Geometry.SphereGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.TorusGeometry.js

 Sidebar.Geometry.TorusGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.TorusKnotGeometry.js

 Sidebar.Geometry.TorusKnotGeometry = function ( signals, object ) {
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPaddingTop( '10px' );
 
 	var geometry = object.geometry;
 

editor/js/Sidebar.Geometry.js

@@ -3,8 +3,6 @@ Sidebar.Geometry = function ( editor ) {
 	var signals = editor.signals;
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPadding( '10px' );
 	container.setDisplay( 'none' );
 
 	container.add( new UI.Text().setValue( 'GEOMETRY' ) );

editor/js/Sidebar.Material.js

@@ -20,8 +20,6 @@ Sidebar.Material = function ( editor ) {
 	};
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPadding( '10px' );
 	container.setDisplay( 'none' );
 
 	container.add( new UI.Text().setValue( 'MATERIAL' ) );

editor/js/Sidebar.Object3D.js

@@ -3,8 +3,6 @@ Sidebar.Object3D = function ( editor ) {
 	var signals = editor.signals;
 
 	var container = new UI.Panel();
-	container.setBorderTop( '1px solid #ccc' );
-	container.setPadding( '10px' );
 	container.setDisplay( 'none' );
 
 	var objectType = new UI.Text().setTextTransform( 'uppercase' );

editor/js/Sidebar.Renderer.js

@@ -13,8 +13,6 @@ Sidebar.Renderer = function ( editor ) {
 	};
 
 	var container = new UI.Panel();
-	container.setPadding( '10px' );
-	container.setBorderTop( '1px solid #ccc' );
 
 	container.add( new UI.Text( 'RENDERER' ) );
 	container.add( new UI.Break(), new UI.Break() );

editor/js/Sidebar.Scene.js

@@ -3,9 +3,6 @@ Sidebar.Scene = function ( editor ) {
 	var signals = editor.signals;
 
 	var container = new UI.Panel();
-	container.setPadding( '10px' );
-	container.setBorderTop( '1px solid #ccc' );
-
 
 	container.add( new UI.Text( 'SCENE' ) );
 	container.add( new UI.Break(), new UI.Break() );