WIP: selection, highlighting, some styling for visual editor

[fnpeditor.git] / editor.css

diff --git a/editor.css b/editor.css
index a1c743d..3691738 100644 (file)
--- a/editor.css
+++ b/editor.css
@@ -19,12 +19,53 @@ body {
     list-style-type: none;\r
 }\r
 \r
     list-style-type: none;\r
 }\r
 \r

-#rng-visualEditor-content {\r
+#rng-visualEditor-contentWrapper {\r
+    border-color: grey;\r
+    border-style: solid;\r
+    border-width: 1px;\r

     float:left;\r
     float:left;\r

-    width: 540px;\r
+    width: 620px;\r

     height: 500px;\r
     height: 500px;\r

+    overflow-y: scroll;\r
+    padding: 5px 10px;\r
+}\r
+\r
+#rng-visualEditor-content {\r
+\r
+    outline: 0px solid transparent;\r

 }\r
 \r
 #rng-visualEditor-meta {\r
     float:right;\r
 }\r
 \r
 #rng-visualEditor-meta {\r
     float:right;\r

+}\r
+\r
+.rng {\r
+    float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */\r
+    border-color: white;\r
+    border-style:solid;\r
+    border-width:1px;\r
+}\r
+\r
+.rng-header {\r
+    font-size: 19px;\r
+    font-style: bold;\r
+    margin-bottom: 10px;\r
+}\r
+\r
+.rng-section {\r
+    margin-top: 10px;\r
+    margin-bottom: 10px;\r
+}\r
+\r
+.rng-hover {\r
+    border-color: red;\r
+    border-style:solid;\r
+    border-width:1px;\r
+}\r
+\r
+.rng-current {\r
+    background: #fffacd;\r
+    border-color: grey;\r
+    border-style:dashed;\r
+    border-width:1px;\r

 }
\ No newline at end of file
 }
\ No newline at end of file