Visual editor - styling node hover tag

[fnpeditor.git] / editor.css

diff --git a/editor.css b/editor.css
index ad7ebc1..a0340bf 100644 (file)
--- a/editor.css
+++ b/editor.css
@@ -19,6 +19,21 @@ body {
     list-style-type: none;\r
 }\r
 \r
+.rng-visualEditor-nodeHoverTag {\r
+    position:absolute;\r
+    height:20px;\r
+    top:-20px;\r
+    left:0;\r
+    background: #bd362f;\r
+    color: white;\r
+    font-size:9px;\r
+    font-weight: normal;\r
+    font-style: normal;\r
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r
+    padding: 0 5px;\r
+    text-indent: 0;\r
+}\r
+\r
 #rng-visualEditor-contentWrapper {\r
     border-color: #ddd;\r
     border-style: solid;\r
@@ -28,6 +43,7 @@ body {
     height: 500px;\r
     overflow-y: scroll;\r
     padding: 5px 10px;\r
+    margin-top:10px;\r
 }\r
 \r
 #rng-visualEditor-contentWrapper::-webkit-scrollbar,\r
@@ -133,6 +149,10 @@ body {
 \r
 \r
 \r
+#rng-visualEditor-toolbar {\r
+    margin: -15px 0 10px 0;\r
+}\r
+\r
 .rng-visualEditor-sidebarContentItem fieldset {\r
     margin-bottom: 10px;\r
 }\r
@@ -204,6 +224,7 @@ body {
     border-style:solid;\r
     border-width:1px;\r
     min-height:20px;\r
+    position:relative;\r
 }\r
 \r
 span[wlxml-tag] {\r