X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/d4e89595e829f60443056ce65f5f275d10f882ed..73894afa5c6ed0829890f129def7e85540e3366c:/editor.css

diff --git a/editor.css b/editor.css
index 18dfc16..1063cff 100644
--- a/editor.css
+++ b/editor.css
@@ -20,11 +20,11 @@ body {
 }
 
 #rng-visualEditor-contentWrapper {
-    border-color: grey;
+    border-color: #ddd;
     border-style: solid;
     border-width: 1px;
     float:left;
-    width: 620px;
+    width: 600px;
     height: 500px;
     overflow-y: scroll;
     padding: 5px 10px;
@@ -56,24 +56,117 @@ body {
     outline: 0px solid transparent;
 }
 
-#rng-visualEditor-meta {
+#rng-visualEditor-sidebar {
     float:right;
+    width: 266px;
+    height:500px;
+    position:relative;
+    border-width: 1px 1px 1px 1px;
+    border-style: solid;
+    border-color: #ddd;
+    padding: 5px 15px;
+
+}
+
+#rng-visualEditor-sidebar p,
+#rng-visualEditor-sidebar td,
+#rng-visualEditor-sidebar label,
+#rng-visualEditor-sidebar input,
+#rng-visualEditor-sidebar select {
+    font-size: 11px;
+    line-height:13px;
+}
+
+#rng-visualEditor-sidebar select {
+    -webkit-appearance: button;
+    -moz-appearance: button;
+    appearance: button;
+    height: auto;
+    line-height: 14px;
+}
+
+#rng-visualEditor-sidebar label + select {
+    position:relative;
+    top: 5px;
+}
+
+#rng-visualEditor-sidebarButtons {
+            /*-webkit-transform: rotate(90deg);
+            -moz-transform: rotate(90deg);
+            -ms-transform: rotate(90deg); */
+            
+            position:absolute;
+            top:-1px;
+            right:-50px;
+            border-width: 1px 1px 1px 0px;
+            border-style: solid;
+            border-color: #ddd;
+            padding: 5px;
+            background: #ededed;
+}
+
+#rng-visualEditor-sidebarButtons  ul {
+    margin-bottom: 0px;
+}
+
+.rng-visualEditor-editPaneNodeForm  label {
+    width: 50px;
+    display: inline-block;
+}
+
+.rng-visualEditor-editPaneNodeForm  select {
+    width: 100px;
+}
+
+#rng-visualEditor-meta table {
+    margin-bottom:10px;
+}
+
+#rng-visualEditor-meta table [contenteditable] {
+    cursor: pointer;
+}
+
+#rng-visualEditor-meta table li:last-child {
+    border-bottom: none !important;
+}
+
+#rng-visualEditor-meta table tr td:nth-child(1){
+    width: 20%;
+}
+
+#rng-visualEditor-meta table tr td:nth-child(2)  {
+    width:80%;
+}
+
+#rng-visualEditor-meta .rng-visualEditor-metaAddBtn {
+    float:right;
+    margin-right:6px;
+}
+
+#rng-visualEditor-meta .btn{
+    padding:3px;
+    line-height:10px;
+}
+
+#rng-sourceEditor-editor {
+    width: 940px;
+    height: 500px;
 }
 
-.rng {
+[wlxml-tag] {
     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */
     border-color: white;
     border-style:solid;
     border-width:1px;
 }
 
-.rng-header {
+[wlxml-tag=header] {
     font-size: 19px;
     font-style: bold;
     margin-bottom: 10px;
 }
 
-.rng-section {
+[wlxml-tag=section] {
     margin-top: 10px;
     margin-bottom: 10px;
 }