X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/3185249361cacf28b88b00093f8b262795c8fa3c..39305f915559082f17b7a5b8fd7521ee05181fec:/editor.css

diff --git a/editor.css b/editor.css
index 3691738..01b6565 100644
--- a/editor.css
+++ b/editor.css
@@ -20,39 +20,124 @@ 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;
 }
 
+#rng-visualEditor-contentWrapper::-webkit-scrollbar {
+    width: 9px;
+}
+ 
+#rng-visualEditor-contentWrapper::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+
+#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background: rgba(73,175,205,0.8); 
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
+}
+#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(73,175,205,0.4); 
+}
+
+
 #rng-visualEditor-content {
 
     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-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-meta table {
+    margin-bottom:10px;
+}
+
+#rng-visualEditor-meta table [contenteditable] {
+    font-size: 11px;
+    line-height:13px;
+    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;
 }