Quick commit with sort-of working WYSiWYG and moving chit

1 files changed, 63 insertions, 5 deletions

diff --git a/src/styles/main.css b/src/styles/main.css
index 5cbdb33..7918a59 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,3 +1,8 @@
+body {
+  background-color: black;
+  color: white;
+}
+
 #document-add {
   background-image: url('static/document-add.svg');
   border: 0;
@@ -10,11 +15,64 @@
   border: 1px solid black;
   position: absolute;
 }
+.edit {
+  position: absolute;
+  background-image: url('static/edit.svg');
+  background-color: rgba(0, 0, 0, 0);
+  border: 0;
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+}
+.resize {
+  position: absolute;
+  background-image: url('static/resize.svg');
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+  bottom: 0;
+  right: 0;
+}
+.delete {
+  position: absolute;
+  background-image: url('static/x.svg');
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+  top: 0;
+  right: 0;
+}
 
 #tinymce {
-  position: absolute;
-  top: 150;
-  left: 150;
-  width: 80vw;
-  height: 40vh;
+  display: none;
+}
+.tinymce-footer {
+  height: 40px;
+}
+#wysiwyg {
+    position: absolute;
+    top: 10%;
+    left: 17%;
+    width: 70vw;
+    height: 50vh;
+}
+#tfp {
+  height: 26px;
+  line-height: 26px;
+}
+#save {
+  background-image: url('static/save.svg');
+  border: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+}
+#cancel {
+  background-image: url('static/x.svg');
+  border: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
 }