remove images from chat

style/_common.scss

@@ -243,6 +243,20 @@ a.button .fa {
 	margin-right:5px;
 }
 
+a.button.no_text .fa {
+	margin-right:0;
+}
+
+a.button.no_bg, a.button.no_bg:hover {
+	background:none;
+	color:$col_none;
+	margin: 0.33333em 0; /* to compensate the fa-60 */
+	padding:0;
+}
+a.button.no_bg:hover .fa {
+	color:$col_hover_1;
+}
+
 a.button.strong .value {
 	font-weight:bold;
 }

style/_fa-custom.scss

@@ -320,4 +320,8 @@ vertical-align	0%		-5%			-10%		-15%		-20%		-25%		-30%
 }
 .fa-c-off:before, .fa-c-0:before {
 	content: "\f204";
+}
+
+.fa-c-ban:before {
+	content: "\f05e";
 }

style/databap.scss

@@ -724,12 +724,6 @@
 #chat_messages p {
 	color:$col_main_1;
 }
-#chat_messages p img.proxy {
-	vertical-align:middle;
-	border:1px solid $col_main_1;
-	padding:5px;
-	background:$col_none;
-}
 #chat_messages p.U {
 	/*background-color:white;*/
 }
@@ -782,6 +776,67 @@
 	font-weight:bold;
 }
 
+#chat_messages p img.proxy {
+	vertical-align:middle;
+	border:1px solid $col_main_1;
+	padding:5px;
+	background:$col_none;
+}
+#chat_messages p span.text a.img_box {
+	position:relative;
+}
+#chat_messages p .banner {
+	position: absolute;
+	display:none;
+	z-index: 1000;
+	right: 0px;
+	top:0;
+	width:100%;
+	margin:0;
+	padding:0;
+	background: rgba(4, 53, 123, 0.7);
+}
+#chat_messages p .banner a.button {
+	margin:calc(0.33333em + 5px) 6px;
+	float:right;
+}
+#chat_messages p span.text a.img_box:hover .banner, #chat_messages p span.text a.img_box.hidden .banner {
+	display:inherit;
+}
+
+#chat_messages p .banner .banner_title {
+	color:$col_none;
+	text-overflow: ellipsis;
+	font-size: $size_vbig;
+	line-height:25px;
+	margin:0 0 0 6px;
+	madding:0;
+}
+
+#chat_messages p span.text a.img_box.hidden {
+	position:inherit;
+}
+#chat_messages p span.text a.img_box.hidden img {
+	display:none;
+}
+#chat_messages p span.text a.img_box.hidden .banner {
+	top:0 !important;
+	position:inherit;
+	background:none;
+}
+#chat_messages p span.text a.img_box.hidden .banner_title {
+	display:none;
+}
+#chat_messages p span.text a.img_box.hidden .banner .button {
+	color:$col_main_1;
+	margin:0;
+	padding:0;
+	float:none;
+}
+#chat_messages p span.text a.img_box.hidden .banner .button .fa {
+	@extend .fa-20;
+}
+
 #chat_messages .help {
 	border:1px dashed #666666;
 	padding:0 0 5px 0;