Reply GUI

webpage/style.css

@@ -404,6 +404,7 @@ p {
 	/* Move down out of view */
 	opacity: 0;
 	/* Fade out */
+	display: none;
 }
 
 @keyframes fade {
@@ -1054,3 +1055,31 @@ span {
 	width: fit-content;
 	box-shadow:.02in .02in .05in black;
 }
+#replybox{
+	display:flex;
+	background:var(--reply-bg);
+	height:.25in;
+	transition: height .2s, padding .2s;
+	border-radius:.1in .1in 0 0;
+	padding-left:.05in;
+	justify-content: space-between;
+	flex-direction: row;
+	align-items: flex-end;
+	padding-top: .05in;
+}
+#replybox span{
+	align-self:stretch;
+}
+.cancelReply{
+	align-self:flex-start;
+	color:red;
+	margin-right: .1in;
+	height: .25in;
+	width: .25in;
+	text-align: center;
+	padding: 0in;
+}
+#replybox.hideReplyBox{
+	height: 0in;
+	padding: 0in;
+}