Visual editor: styling

[fnpeditor.git] / editor.css

diff --git a/editor.css b/editor.css
index 18dfc16..8c6c845 100644 (file)
--- a/editor.css
+++ b/editor.css
@@ -20,11 +20,11 @@ body {
 }\r
 \r
 #rng-visualEditor-contentWrapper {\r
-    border-color: grey;\r
+    border-color: #ddd;\r
     border-style: solid;\r
     border-width: 1px;\r
     float:left;\r
-    width: 620px;\r
+    width: 600px;\r
     height: 500px;\r
     overflow-y: scroll;\r
     padding: 5px 10px;\r
@@ -58,22 +58,60 @@ body {
 \r
 #rng-visualEditor-meta {\r
     float:right;\r
+    width: 290px;\r
+}\r
+\r
+#rng-visualEditor-meta table {\r
+    margin-bottom:10px;\r
+}\r
+\r
+#rng-visualEditor-meta table [contenteditable] {\r
+    font-size: 11px;\r
+    line-height:13px;\r
+    cursor: pointer;\r
+}\r
+\r
+#rng-visualEditor-meta table li:last-child {\r
+    border-bottom: none !important;\r
+}\r
+\r
+#rng-visualEditor-meta table tr td:nth-child(1){\r
+    width: 20%;\r
+}\r
+\r
+#rng-visualEditor-meta table tr td:nth-child(2)  {\r
+    width:80%;\r
+}\r
+\r
+#rng-visualEditor-meta .rng-visualEditor-metaAddBtn {\r
+    float:right;\r
+    margin-right:6px;\r
+}\r
+\r
+#rng-visualEditor-meta .btn{\r
+    padding:3px;\r
+    line-height:10px;\r
+}\r
+\r
+#rng-sourceEditor-editor {\r
+    width: 940px;\r
+    height: 500px;\r
 }\r
 \r
-.rng {\r
+[wlxml-tag] {\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
+[wlxml-tag=header] {\r
     font-size: 19px;\r
     font-style: bold;\r
     margin-bottom: 10px;\r
 }\r
 \r
-.rng-section {\r
+[wlxml-tag=section] {\r
     margin-top: 10px;\r
     margin-bottom: 10px;\r
 }\r