markdown editor v2

public/css/theme/includes/readonly.css

@@ -0,0 +1,82 @@
+.info-toolbar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  line-height: 30px;
+  padding-left: 5px;
+  height: 30px;
+  display: none;
+}
+.info-toolbar .toolbar-update {
+  color: inherit;
+  float: right;
+  padding: 0 10px;
+}
+.info-toolbar .toolbar-update:hover {
+  background: #fff;
+  color: #000;
+}
+.info-toolbar .created-time {
+  display: inline-block;
+  padding-right: 10px;
+}
+#editorContent {
+  -webkit-user-select: text;
+}
+#editor.read-only #mceToolbarContainer {
+  display: none;
+}
+#editor.read-only .info-toolbar {
+  display: block;
+}
+#note.read-only #editor,
+#note.read-only #mdEditor {
+  top: 60px;
+}
+#note.read-only #tool {
+  display: none;
+}
+#note.read-only .toolbar-update {
+  display: none;
+}
+#note.read-only #noteReadTop {
+  display: block;
+}
+#note.read-only #infoToolbar,
+#note.read-only #mceToolbar,
+#note.read-only .navbar {
+  display: none;
+}
+#note.read-only #editorContent,
+#note.read-only #mdEditor .layout-wrapper-l3 {
+  top: 0;
+}
+#noteRead {
+  position: absolute;
+  left: 5px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: none;
+  z-index: 100;
+  padding-left: 5px;
+  background-color: #fff;
+}
+#noteReadTop {
+  position: absolute;
+  height: 60px;
+  left: 5px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 2;
+  display: none;
+  background: #fff;
+  padding-left: 5px;
+}
+#noteReadTitle {
+  margin: 3px 0;
+  height: 26px;
+}