X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/ebaba7ac4948ae4280dea0a623045ffb6d5a722f..0303ee9d38ee338b8d98f86d748ce41f70845137:/editor.css

diff --git a/editor.css b/editor.css
index 651b58b..1063cff 100644
--- a/editor.css
+++ b/editor.css
@@ -20,7 +20,7 @@ body {
 }
 
 #rng-visualEditor-contentWrapper {
-    border-color: grey;
+    border-color: #ddd;
     border-style: solid;
     border-width: 1px;
     float:left;
@@ -56,22 +56,96 @@ 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-meta table input {
+#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-meta table tr td:nth-child(1) input  {
-    width:90px;
+#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 table tr td:nth-child(2) input  {
-    width:150px;
+#rng-visualEditor-meta .btn{
+    padding:3px;
+    line-height:10px;
 }
 
 #rng-sourceEditor-editor {