From a237dfaad38bb9efac803db83a28099f6f74dde8 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Mon, 21 May 2012 15:10:51 -0700
Subject: Remove Old CSS Panel

---
 .../css-style-rule.reel/css-style-rule.css         | 32 +++++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

(limited to 'js/panels/css-panel')

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;
-- 
cgit v1.2.3