96 files changed, 17825 insertions, 0 deletions
diff --git a/js/panels/CSSPanel/CSSPanel.js b/js/panels/CSSPanel/CSSPanel.js
new file mode 100644
index 00000000..94860b30
--- /dev/null
+++ b/js/panels/CSSPanel/CSSPanel.js
@@ -0,0 +1,53 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+var Montage = require("montage/core/core").Montage,
+        PanelBase = require("js/panels/PanelBase").PanelBase;
+var CSSPanelBase = require("js/panels/CSSPanel/CSSPanelBase.reel").CSSPanelBase;
+exports.CSSPanel = Montage.create(PanelBase, {
+    id : {value : "cssPanel", writable:true, enumerable:true, configurable:true},
+    panelName : {value : "CSS", writable:true, enumerable:true, configurable:true},
+    panelHeaderID : {value : "cssPanelHeader", writable:true, enumerable:true, configurable:true},
+    disclosureIconID : {value : "cssPanelDisclosureIcon", writable:true, enumerable:true, configurable:true},
+    closeButtonID : {value : "cssPanelCloseButton", writable:true, enumerable:true, configurable:true},
+    panelContentID : {value : "cssPanelContent", writable:true, enumerable:true, configurable:true},
+    init : {
+        enumerable:true,
+        value : function (){
+            this.minHeight = 300;
+            this.contentHeight = 300;
+            this.defaultHeight= 300;
+            /* OLD WAY -- Removing the temporary div
+            // TODO: Remove this comment once this is tested.
+            var panelContainer = document.createElement("div");
+            this._cssPanelBase = CSSPanelBase.create();
+            this._cssPanelBase.element = panelContainer;
+            this.content = this._cssPanelBase;
+            this._cssPanelBase.needsDraw = true;
+             */
+            //debugger;
+            this.content = CSSPanelBase.create();
+        }
+    },
+    reinit : {
+        value : function() {
+            this._cssPanelBase.clearStyleSheetList();
+            this._cssPanelBase.clearCSSRules();
+            this._cssPanelBase.populateStyleSheetList();
+        }
+    },
+    _cssPanelBase : {
+        enumerable: true,
+        value: null,
+        writable:true
+    }
+}); 
+\ No newline at end of file
diff --git a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css
new file mode 100644
index 00000000..ff70b5b6
--- /dev/null
+++ b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css
@@ -0,0 +1,464 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+.css_panel {
+        background-color: #FFF;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+    hei

diff --git a/js/panels/CSSPanel/CSSPanel.js b/js/panels/CSSPanel/CSSPanel.js new file mode 100644 index 00000000..94860b30 --- /dev/null +++ b/js/panels/CSSPanel/CSSPanel.js
@@ -0,0 +1,53 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	var Montage = require("montage/core/core").Montage,
	8	PanelBase = require("js/panels/PanelBase").PanelBase;
	9
	10	var CSSPanelBase = require("js/panels/CSSPanel/CSSPanelBase.reel").CSSPanelBase;
	11
	12	exports.CSSPanel = Montage.create(PanelBase, {
	13	id : {value : "cssPanel", writable:true, enumerable:true, configurable:true},
	14	panelName : {value : "CSS", writable:true, enumerable:true, configurable:true},
	15	panelHeaderID : {value : "cssPanelHeader", writable:true, enumerable:true, configurable:true},
	16	disclosureIconID : {value : "cssPanelDisclosureIcon", writable:true, enumerable:true, configurable:true},
	17	closeButtonID : {value : "cssPanelCloseButton", writable:true, enumerable:true, configurable:true},
	18	panelContentID : {value : "cssPanelContent", writable:true, enumerable:true, configurable:true},
	19
	20	init : {
	21	enumerable:true,
	22	value : function (){
	23	this.minHeight = 300;
	24	this.contentHeight = 300;
	25	this.defaultHeight= 300;
	26
	27	/* OLD WAY -- Removing the temporary div
	28	// TODO: Remove this comment once this is tested.
	29
	30	var panelContainer = document.createElement("div");
	31	this._cssPanelBase = CSSPanelBase.create();
	32	this._cssPanelBase.element = panelContainer;
	33
	34	this.content = this._cssPanelBase;
	35	this._cssPanelBase.needsDraw = true;
	36	*/
	37	//debugger;
	38	this.content = CSSPanelBase.create();
	39	}
	40	},
	41	reinit : {
	42	value : function() {
	43	this._cssPanelBase.clearStyleSheetList();
	44	this._cssPanelBase.clearCSSRules();
	45	this._cssPanelBase.populateStyleSheetList();
	46	}
	47	},
	48	_cssPanelBase : {
	49	enumerable: true,
	50	value: null,
	51	writable:true
	52	}
	53	}); \ No newline at end of file


diff --git a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css new file mode 100644 index 00000000..ff70b5b6 --- /dev/null +++ b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.css
@@ -0,0 +1,464 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	.css_panel {
	8	background-color: #FFF;
	9	display: -webkit-box;
	10	-webkit-box-orient: vertical;
	11	hei