image upload from chat

style/_fa-custom.scss

@@ -306,4 +306,8 @@ vertical-align	0%		-5%			-10%		-15%		-20%		-25%		-30%
 
 .fa-c-file-png:before, .fa-c-file-gif:before, .fa-c-file-jpg:before, .fa-c-file-jpeg:before {
 	content: "\f1c5";
+}
+
+.fa-c-image:before {
+	content: "\f03e";
 }

style/databap.scss

@@ -663,6 +663,7 @@
 	background:$col_none;
 	height:100%;
 	padding:5px;
+	position: relative;
 }
 
 .g_white_transparent {
@@ -814,30 +815,70 @@
 	margin-right:5px;
 }
 
-#chat #chat_input {
-	background:$col_main_3;
-	color:#94BDF9;
-	overflow: hidden;
+/* Chat - Input */
+
+#chat {
+	
+	#chat_input {
+		background:$col_main_3;
+		color:#94BDF9;
+		overflow: hidden;
+	}
+	
+	#c1_file {
+		display: none;
+	}
+	
+	.uploader_box {
+		position:inherit;
+		width:auto;
+	}
+
+	#upload_img {
+		cursor:pointer;
+		margin-top:2px;
+	}
+	i.fa#upload_img:hover {
+		color:#EFAB00;
+	}
+
+	#chat_form .uploader_box > * {
+		float:left;
+		padding: 7px 0px;
+	}
+	
+	.uploader_droparea {
+		background:#D9E5F2;
+		height:100%;
+		top:0;
+	}
+	
+	.uploader_droparea-active {
+		background:#EFAB00;
+		color:white;
+	}
+	
+	#chat_input .fa {
+		color:$col_main_1;
+		margin-right:5px;
+		margin-left:5px;
+	}
+	
+	#chat_input input#message {
+		background:$col_main_3;
+		margin:0;
+		border:none;
+		min-width:200px;
+		width:calc(100% - 72px); /* 32 icons width * 2 */
+		font-size:$size_vbig;
+	}
+	
+	#chat_input input#message:hover, #chat #chat_input input#message:focus {
+		background-color:transparent;
+	}
 }
 
-#chat #chat_input .fa {
-	color:$col_main_1;
-	margin-right:3px;
-	margin-left:3px;
-}
-
-#chat #chat_input input#message {
-	background:$col_main_3;
-	margin:0;
-	padding:7px 0;
-	border:none;
-	min-width:200px;
-	font-size:$size_vbig;
-}
-
-#chat #chat_input input#message:hover, #chat #chat_input input#message:focus {
-	background-color:transparent;
-}
+/* Chat - Sidebar */
 
 #chat #sidebar {
 	position:absolute;