X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/7e96084b977d9ecea7b0569fad7357035c017325..772c62777422069420bbe90f5b1340e9387fead3:/editor.css?ds=inline

diff --git a/editor.css b/editor.css
index c5c3ee7..588c0b9 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,9 +56,66 @@ body {
     outline: 0px solid transparent;
 }
 
-#rng-visualEditor-meta {
+#rng-visualEditor-sidebar {
     float:right;
-    width: 290px;
+    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 {
@@ -66,8 +123,6 @@ body {
 }
 
 #rng-visualEditor-meta table [contenteditable] {
-    font-size: 11px;
-    line-height:13px;
     cursor: pointer;
 }
 
@@ -75,12 +130,12 @@ body {
     border-bottom: none !important;
 }
 
-#rng-visualEditor-meta table tr td:nth-child(1) [contenteditable] {
-    width:90px;
+#rng-visualEditor-meta table tr td:nth-child(1){
+    width: 20%;
 }
 
-#rng-visualEditor-meta table tr td:nth-child(2) [contenteditable]  {
-    width:150px;
+#rng-visualEditor-meta table tr td:nth-child(2)  {
+    width:80%;
 }
 
 #rng-visualEditor-meta .rng-visualEditor-metaAddBtn {
@@ -106,8 +161,8 @@ body {
 }
 
 [wlxml-tag=header] {
-    font-size: 19px;
-    font-style: bold;
+    font-size: 13px;
+    font-weight: bold;
     margin-bottom: 10px;
 }
 
@@ -116,6 +171,39 @@ body {
     margin-bottom: 10px;
 }
 
+[wlxml-class|="cite"] {
+    font-style: italic;
+}
+
+[wlxml-class|="cite-code"] {
+    font-family: monospace;
+}
+
+[wlxml-class|="cite-code-xml"] {
+    color: blue;
+}
+
+[wlxml-tag=header] > [wlxml-class=author] {
+    font-size: 14px;
+}
+
+[wlxml-tag=header] > [wlxml-class=title] {
+    font-size:18px;
+}
+
+[wlxml-class|="uri"] {
+    color: blue;
+    text-decoration: underline;
+}
+
+[wlxml-class|="p"] {
+    text-indent: 1.5em;
+}
+
+[wlxml-class|="emph-tech"] {
+    font-style: italic;
+}
+
 .rng-hover {
     border-color: red;
     border-style:solid;