10 files changed, 67 insertions, 7 deletions

diff --git a/js/panels/css-panel/css-panel.reel/css-panel.js b/js/panels/css-panel/css-panel.reel/css-panel.js
index 96d94b36..a2a288c9 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.js
+++ b/js/panels/css-panel/css-panel.reel/css-panel.js
@@ -9,6 +9,16 @@ var Montage = require("montage/core/core").Montage,
 
 exports.CssPanel = Montage.create(Component, {
 
+    styleSheetsView: {
+        value: null,
+        serializable: true
+    },
+
+    stylesViewContainer: {
+        value: null,
+        serializable: true
+    },
+
     _currentDocument: {
         value : null
     },
diff --git a/js/panels/css-panel/css-style.reel/css-style.html b/js/panels/css-panel/css-style.reel/css-style.html
index 00cebf39..0f16b3d8 100644
--- a/js/panels/css-panel/css-style.reel/css-style.html
+++ b/js/panels/css-panel/css-style.reel/css-style.html
@@ -30,7 +30,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                     "checked": true
                 },
                 "bindings": {
-                    "checked" : {"<<->": "@owner.enabled" }
+                    "checked" : {"<->": "@owner.enabled" }
                 }
             },
             "property": {
diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
index f203b61f..9aab5649 100644
--- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
+++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
@@ -34,7 +34,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                     "element": {"#": "rule-selector"}
                 },
                 "bindings": {
-                    "value" : {"<<->":"@owner.selector" }
+                    "value" : {"<->":"@owner.selector" }
                 }
             },
             "declaration": {
diff --git a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
index c7766d08..509ca565 100644
--- a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
+++ b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
@@ -8,6 +8,16 @@ var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
 exports.RuleListContainer = Montage.create(Component, {
+    focusDelegate: {
+        value: null,
+        serializable: true
+    },
+
+    ruleListComponent: {
+        value: null,
+        serializable: true
+    },
+
     _instanceToAdd     : { value: null },
     _appendElement     : { value: null },
     _lastDisplayedList : { value: null },
diff --git a/js/panels/css-panel/rule-list.reel/rule-list.js b/js/panels/css-panel/rule-list.reel/rule-list.js
index 3e18c3bf..27d74b2f 100644
--- a/js/panels/css-panel/rule-list.reel/rule-list.js
+++ b/js/panels/css-panel/rule-list.reel/rule-list.js
@@ -8,6 +8,11 @@ var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
 exports.RuleList = Montage.create(Component, {
+    supportedRules: {
+        value: null,
+        serializable: true
+    },
+
     focusDelegate : { value: null },
     ruleNodeName : { value: 'li' },
     _needsScrollToBottom: { value: null },
diff --git a/js/panels/css-panel/style-declaration.reel/style-declaration.html b/js/panels/css-panel/style-declaration.reel/style-declaration.html
index fad54453..4cdf0741 100644
--- a/js/panels/css-panel/style-declaration.reel/style-declaration.html
+++ b/js/panels/css-panel/style-declaration.reel/style-declaration.html
@@ -43,9 +43,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                 },
                 "bindings": {
                     "source": {"<-": "@repetition.objectAtCurrentIteration" },
-                    "propertyText": {"<<->": "@repetition.objectAtCurrentIteration.name" },
-                    "valueText": {"<<->": "@repetition.objectAtCurrentIteration.value" },
-                    "empty": {"<<->": "@repetition.objectAtCurrentIteration.isEmpty" },
+                    "propertyText": {"<->": "@repetition.objectAtCurrentIteration.name" },
+                    "valueText": {"<->": "@repetition.objectAtCurrentIteration.value" },
+                    "empty": {"<->": "@repetition.objectAtCurrentIteration.isEmpty" },
                     "delegate": {"<-": "@owner.focusDelegate" }
                 }
             }
diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
index 9e3b4a49..c090a1fc 100644
--- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
+++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
@@ -8,13 +8,24 @@ var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
 exports.StyleSheetsView = Montage.create(Component, {
+
+    toolbar: {
+        value: null,
+        serializable: true
+    },
+
+    styleSheetList: {
+        value: null,
+        serializable: true
+    },
+
     documentLoaded       : { value: false },
     showToolbar          : { value: false },
     stylesController     : { value: null },
     styleSheets          : { value: [] },
     _initView            : { value: false },
     _needsScroll         : { value: false },
-    documentNameLabel    : { value: null },
+    documentNameLabel    : { value: null, serializable: true },
     noDocumentLabelClass : { value: "no-document" },
 
     _activeDocument: {
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
index 93ac3793..150f20fa 100644
--- a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
@@ -16,7 +16,6 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                     "element" : {"#" : "container"},
                     "ruleListContainer": {"@": "ruleListContainer" },
                     "computedStyleView": {"@": "computedStyleView" },
-                    "substitution": {"@": "substitution" },
                     "delegate": {"@": "stylesViewDelegate"},
                     "toolbar": {"@": "toolbar"}
                 }
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.js b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
index 157d99de..153e74b6 100644
--- a/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
@@ -9,6 +9,21 @@ var Montage = require("montage/core/core").Montage,
 
 exports.StylesViewContainer = Montage.create(Component, {
 
+    ruleListContainer: {
+        value: null,
+        serializable: true
+    },
+
+    computedStyleView: {
+        value: null,
+        serializable: true
+    },
+
+    toolbar: {
+        value: null,
+        serializable: true
+    },
+
     _currentDocument: {
         value : null
     },
@@ -37,6 +52,10 @@ exports.StylesViewContainer = Montage.create(Component, {
     contentPanel : {
         value: 'rules'
     },
+    selectionName: {
+        value: null,
+        serializable: true
+    },
     _selectionNameLabelText : {
         value: null
     },
diff --git a/js/panels/css-panel/styles-view-delegate.js b/js/panels/css-panel/styles-view-delegate.js
index 87686826..a7c1f0d9 100644
--- a/js/panels/css-panel/styles-view-d