Implements better markup for css changes to be made, including an overlay of the dropzones and help pic/text

web/sass-files/sass/partials/_files.scss

@@ -203,10 +203,3 @@
   }
 }
 
-.center-file-overlay {
-  background:rgba(255,255,255,0.5);
-}
-
-.right-file-overlay {
-  background:rgba(255,255,255,0.5);
-}

web/sass-files/sass/partials/_post.scss

@@ -107,6 +107,29 @@ body.ios {
 }
 
 #post-list {
+	.center-file-overlay {
+		top: 0px;
+		height: 100%;
+		width: 59.7%;
+		position: fixed;
+		z-index: 2147483646;
+		-moz-box-shadow: 0px 0px 3px #8a8a8a;
+		-webkit-box-shadow: 0px 0px 3px #8a8a8a;
+		box-shadow: 0px 0px 3px #8a8a8a;
+
+		.invisible {
+			visibility: hidden;
+		}
+		.visible {
+			visibility: visible;
+		}
+		.center-file-help-text {
+
+		}
+		.center-file-help-picture {
+
+		}
+	}
 	.post-list-holder-by-time {
 		background: #fff;
 		overflow-y: scroll;

web/sass-files/sass/partials/_post_right.scss

@@ -1,5 +1,28 @@
 .post-right__container {
 
+	.right-file-overlay {
+		height: 100%;
+		width: 100%;
+		position: fixed;
+		z-index: 2147483646;
+		-moz-box-shadow: 0px 0px 3px #8a8a8a;
+		-webkit-box-shadow: 0px 0px 3px #8a8a8a;
+		box-shadow: 0px 0px 3px #8a8a8a;
+
+		.invisible {
+			visibility: hidden;
+		}
+		.visible {
+			visibility: visible;
+		}
+		.right-file-help-text {
+
+		}
+		.right-file-help-picture {
+
+		}
+	}
+
 	.post-right-root-message {
 		padding: 1em 1em 0;
 	}