CSS for mute icon.

1 files changed, 16 insertions, 1 deletions

diff --git a/css/chat.css b/css/chat.css
index 66cd086..5b849ac 100644
--- a/css/chat.css
+++ b/css/chat.css
@@ -3,7 +3,7 @@
 	font-family: 'Trebuchet MS1', 'Trebuchet MS', sans-serif;
 	border: 1px solid gray;
 	background-color:#999;
-	width: 680px;
+	width: 650px;
 	margin: 7px;
 	padding: 2px;
 	border-radius: 10px;
@@ -12,11 +12,26 @@
 }
 .chatButton {
 	margin: 0px;
+	width: 50px;
 }
 .chatMute {
 	margin: 0px;
 	width: 15px;
 }
+.chatMute_true, .chatMute_false {
+	display:inline-block;
+	border:1px solid gray;
+	margin-top:3px;
+	width:17px;
+	height:17px;
+	background-size: 100%;
+}
+.chatMute_true {
+	background-image:	url(../images/Sound.png);
+}
+.chatMute_false {
+	background-image:	url(../images/Mute.png);
+}
 
 #chatContainer {
 	width:800px;