Update editor code

1 files changed, 42 insertions, 10 deletions

diff --git a/editor/editor.css b/editor/editor.css
index fb58773..c8c2aeb 100644
--- a/editor/editor.css
+++ b/editor/editor.css
@@ -325,38 +325,70 @@ li.ProseMirror-selectednode:after {
 
 .ProseMirror p { margin-bottom: 1em }
 
-.editor em::before, .editor em::after {
+.editor [contenteditable="true"] em::before, .editor [contenteditable="true"] em::after {
     content: "//"
 }
 
-.editor blockquote p::before {
+.editor [contenteditable="true"] blockquote p::before {
     content: "> "
 }
 
-.editor strong::before, .editor strong::after {
-    content: "**"
+.editor [contenteditable="true"] strong::before, .editor [contenteditable="true"] strong::after {
+    content: "**";
+    display: inline-block;
+    pointer-events: none;
 }
 
-.editor h1::before {
+.editor [contenteditable="true"] h1::before {
     content: "# "
 }
 
-.editor h2::before {
+.editor [contenteditable="true"] h2::before {
     content: "## "
 }
 
-.editor h3::before {
+.editor [contenteditable="true"] h3::before {
     content: "### "
 }
 
-.editor h4::before {
+.editor [contenteditable="true"] h4::before {
     content: "#### "
 }
 
-.editor h5::before {
+.editor [contenteditable="true"] h5::before {
     content: "##### "
 }
 
-.editor h6::before {
+.editor [contenteditable="true"] h6::before {
     content: "###### "
 }
+
+#title {
+ font-size:2.4em; 
+ font-weight:300;
+ line-height:1.1;
+ font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif;
+ width:100%;
+
+}
+
+.editor a[href] { 
+  position: relative;
+}
+.tooltip, .editor a[href]:hover::after {
+  position: absolute;
+  border: 1px #3b4252 solid;
+  border-radius: 10px;
+  background-color: #2e3440;
+  padding: 12px;
+  color: #eceff4;
+  font-size: 14px;
+  z-index: 99;
+  pointer-events: none;
+}
+
+.editor a[href]:hover::after {
+  content: attr(href);
+  left: 0;
+  top: 24px;
+}