fix autosave

style/_bootstrap.scss

@@ -2,15 +2,15 @@ $gray-100: lighten($col_main_1, 80%); //
 $gray-200: lighten($col_main_1, 65%); //
 $gray-300: lighten($col_main_1, 50%); //
 $gray-400: lighten($col_main_1, 35%); //#c09b71
-$gray-500: lighten($col_main_1, 20%); //
+$gray-500: lighten($col_main_1, 20%); //#9f7546
 $gray-600: lighten($col_main_1, 10%); //
 $gray-700: $col_main_1;
 $gray-800: darken($col_main_1, 10%); //
 $gray-900: darken($col_main_1, 20%); //
 
 $theme-colors: (
-  "primary": $col_main_1,	//Irish Coffee
-  "secondary": #355078,
+  "primary": $col_main_1,
+  "secondary": $col_main_2,
   "grey-400": $gray-400
 );
 

style/_template.scss

@@ -6,13 +6,13 @@ body {
 	font-size:1em;
 	background-color:#e2ccb2;
 	margin:0;
-	color:#584127;
+	color:$col_main_1;
 }
 
 /* Typography */
 
 a:visited, a {
-	color:#584127;
+	color:$col_main_1;
 	text-decoration: none;
 	font-weight: bold;
 }
@@ -57,7 +57,7 @@ a.button {
 	font-size: 1.1em;
 	text-align:center;
 	background:	url("../images/minicloud.png") 0 0 no-repeat;
-	color: $col_main_2;
+	color: $gray-600;
 }
 a.button:hover {
 	color:white;
@@ -116,14 +116,14 @@ a.button:active {
 	margin-top:1em;
 	position: absolute;
 	top:203px;
-	bottom:2em;
+	bottom: 2rem;
 	right:0;
 	left:0;
 	border-radius: 0.5em;
 	padding: 1em;
 
 	&:not(.no_frame) {
-		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
+		@extend .shadow;
 	}
 }
 
@@ -229,13 +229,19 @@ fieldset p {
 footer {
 	position: absolute;
 	bottom: 0;
-	text-align:center;
+	text-align: center;
 	color: $gray-400;
-	font-size:0.9em;
-	width:100%;
-	height:2em;
-}
-
-footer a {
-	color: $gray-500;
+	font-size: 0.9em;
+	width: 100%;
+	height: 2rem;
+	
+	span {
+		transform: translateY(-50%);
+		position: relative;
+		top: 50%;
+		
+		a {
+			color: $gray-500;
+		}
+	}
 }

style/_variables.scss

@@ -7,9 +7,7 @@ blue lines : #2DCDFF
 red lines : #EC3B45
 */
 
-$col_main_1: #584127;
-$col_main_2: #735533;
-$col_main_3: #ede0d0;
-$col_main_4: #f7f2eb;
+$col_main_1: #584127; //Primary
+$col_main_2: #355078; //Complementary to Primary
 
 $font_para: 'Quicksand';

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;
+		}
+	}
 }

style/mythoughts.scss

@@ -5,7 +5,7 @@
 /* Fonts */
 
 @import 'font-awesome';
-@import url('https://fonts.googleapis.com/css?family=Nunito|Quicksand|Fira+Sans');
+@import url('https://fonts.googleapis.com/css?family=Nunito|Quicksand|Fira+Sans|Montserrat');
 
 /* Plugins */