fix autosave

style/_write.scss

@@ -1,113 +1,82 @@
-#write {
-	
-	height:100%;
-	
-	#editor_container {
-		
-		height: calc(100% - 4em);
-		overflow: hidden;
-		position: relative;
-		
-		#editor_content {
-			
-			height:auto;
-			position: relative;
-			
-			.ql-container {
-				font-family: 'Indie Flower', cursive;
-				font-size: 16px;
-				padding:0;
-				
-				.ql-editor {
-					padding:0;
-				}
-			}
-		}
-	
-		.shade {
-			position: absolute;
-			width: 100%;
-			background:red;
-			
-			&.top {
-				top:0;
-			}
-			
-			&.bottom {
-				bottom:0;
-			}
-			&.bottomplus {
-				top:100%;
-				height:2em;
-			}
-		}
-	}
-}
-
-
-
-
-/* Write - Editor */
-
-#write #editor div {
-	margin:0;
-}
-
-#write #editor p {
-	text-indent: 1.5em;
-	margin: 0;
-	padding: 0;
-	text-align: justify;
-	line-height: 1.5em;
-}
-
-/* Write - Toolbar */
-
-#write #nav {
-	position:absolute;
-	bottom:0;
-	right:0;
-	left:0;
-	text-align: center;
-}
-
-#write .fa-prev, #write .page_nb, #write .fa-next {
-	color:#997E60;
-	font-size:1.5em;
-	margin:0 0 0.5em 0;
-	cursor:pointer;
-}
-#write .page_nb {
-	font-size: 1em;
-	vertical-align:0.25em;
-	cursor: default;
-	padding-left:0.5em;
-	padding-right:0.5em;
-}
-#write .fa-prev:hover, #write .fa-next:hover {
-	color:#584127;
-}
-#write .fa-prev.disabled, #write .fa-next.disabled,
-#write .fa-prev.disabled:hover, #write .fa-next.disabled:hover {
-	color:#EDE0D0;
-}
-
-/* Write - Placeholder */
-
-#write .jqte_placeholder_text {
-	top:1em;
-	left:0;
-	text-indent: 1.5em;
-}
-
-#write .jqte_focused .jqte_placeholder_text {
-	display:none;
-}
-
-/* Write - Feedback */
-
-#write_feedback {
-	position:absolute;
-	top: -1.5em;
-	right:0.5em;
+#write {
+	
+	position: relative;
+	height:100%;
+	
+	/* Write - Editor */
+	
+	#editor_container {
+		height: calc(100% - 2em);
+		overflow: hidden;
+		position: relative;
+		
+		#editor_content {
+			
+			height:auto;
+			position: relative;
+			
+			.ql-container {
+				font-family: $font_para;
+				font-size: 14px;
+				padding:0;
+				
+				.ql-editor {
+					padding:0;
+				}
+			}
+		
+			#editor {
+				div {
+					margin:0;
+				}
+			
+				p {
+					text-indent: 1.5em;
+					margin: 0;
+					padding: 0;
+					text-align: justify;
+					line-height: 1.5em;
+				}
+			}
+		}
+	}
+
+	/* Write - Navbar */
+	
+	#nav {
+		position:absolute;
+		bottom:0;
+		right:0;
+		left:0;
+		text-align: center;
+		
+		.nav-elem {
+			color: $gray-500;
+			width: 1.25em;
+			display: inline-block;
+			text-align: center;
+		}
+	
+		.fa-prev, .fa-next {
+			cursor: pointer;
+			display: none;
+			
+			&:hover {
+				color: $gray-700;
+			}
+		}
+	}
+
+	/* Write - Feedback */
+	
+	#write_feedback {
+		position:absolute;
+		top: -2.5rem;
+		right: -1rem;
+		font-size: 0.8em;
+		
+		.notice {
+			color: $gray-400;
+		}
+	}
 }