Remove Old CSS Panel

3 files changed, 29 insertions, 26 deletions

diff --git a/js/data/panels-data.js b/js/data/panels-data.js
index 7ab40f11..ed346196 100644
--- a/js/data/panels-data.js
+++ b/js/data/panels-data.js
@@ -72,18 +72,6 @@ exports.PanelsData = Montage.create(Montage, {
 //        },
         {
             name: "CSS",
-            minHeight: 195,
-            height: 195,
-            maxHeight: null,
-            flexible: true,
-            scrollable: true,
-            collapsed: true,
-            open: true,
-            modulePath: "js/panels/CSSPanel/CSSPanelBase.reel",
-            moduleName: "CSSPanelBase"
-        },
-        {
-            name: "CSSPanel",
             height: 200,
             minHeight: 200,
             maxHeight: null,
diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html
index 2f8ea83f..1de88de3 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.html
+++ b/js/panels/PanelContainer.reel/PanelContainer.html
@@ -62,13 +62,6 @@
                 }
             },
 
-            "panel_7": {
-                "prototype": "js/panels/Panel.reel",
-                "properties": {
-                    "element": {"#": "panel_7"}
-                }
-            },
-
             "owner": {
                 "prototype": "js/panels/PanelContainer.reel",
                 "properties": {
@@ -80,8 +73,7 @@
                     "panel_3":          {"@": "panel_3"},
                     "panel_4":          {"@": "panel_4"},
                     "panel_5":          {"@": "panel_5"},
-                    "panel_6":          {"@": "panel_6"},
-                    "panel_7":          {"@": "panel_7"}
+                    "panel_6":          {"@": "panel_6"}
                 },
                 "listeners": [
                     {
@@ -112,7 +104,6 @@
             <article data-montage-id="panel_4"></article>
             <article data-montage-id="panel_5"></article>
             <article data-montage-id="panel_6"></article>
-            <article data-montage-id="panel_7"></article>
                 </article>
     </section>
 </body>
diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
index 03d43ebf..3e7252b5 100644
--- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
+++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
@@ -30,13 +30,37 @@
     right: 8px;
     text-decoration: none;
 }
+
+/* -------------------
+   Selector Styles
+------------------ */
+
 .css-style-rule-item .nj-css-selector {
-    position: relative;
     border: 1px solid rgba(0,0,0,0);
+    display: inline-block;
+    font-weight: bold;
+    padding: 0 2px;
+    position: relative;
+    outline: none;
+
+}
+.nj-css-selector:after {
+    content: " {";
+    font-weight: normal;
+}
+.nj-css-selector.nj-editable-focus {
+    position: relative;
+}
+.nj-css-rule-list .nj-css-selector.nj-editable-focus:after {
+    position: absolute;
+}
+.css-style-rule-item .nj-css-selector:focus {
+    box-shadow: none;
 }
 .css-style-rule-item .nj-css-selector.editable {
+    background-color: #FFF;
     border: 1px solid #999;
-    border-radius: 3px;
+    border-radius: 2px;
     box-shadow: 1px 1px 1px #CCC;
     color: #333;
     display: inline-block;
@@ -56,8 +80,8 @@
    Unapplied Rule
 ------------------ */
 .unapplied-css-rule {
-    opacity: .8;
-    background-color: #f3f3f3;
+    /*opacity: .8;*/
+    /*background-color: #f3f3f3;*/
 }
 .unapplied-css-rule .style-rule-heading {
     background-repeat: no-repeat;