Initial Commit

stylesheet.css

@@ -0,0 +1,140 @@
+body,html {
+    height: 100%;
+}
+
+.container{max-width:1170px; margin:auto;}
+img{ max-width:100%;}
+.inbox_people {
+  background: #f8f8f8 none repeat scroll 0 0;
+  float: left;
+  overflow: hidden;
+  width: 40%; border-right:1px solid #c4c4c4;
+  height: 100%;
+}
+.inbox_msg {
+  border: 1px solid #c4c4c4;
+  clear: both;
+  overflow: hidden;
+  height: 100%;
+}
+
+.recent_heading {float: left; width:40%;}
+.recent_heading h4 {
+  color: #05728f;
+  font-size: 21px;
+  margin: auto;
+}
+
+.chat_img {
+  float: left;
+  width: 11%;
+}
+
+.inbox_chat { 
+  overflow-y: scroll;
+  height: 100%;
+}
+
+
+.chat_list h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
+.chat_list h5 span{ font-size:13px; float:right;}
+.chat_list p{ font-size:14px; color:#989898; margin:auto}
+.chat_list {
+  border-bottom: 1px solid #c4c4c4;
+  margin: 0;
+  padding: 18px 16px 10px 15px;
+  overflow:hidden; 
+  clear:both;
+  float: left;
+  width: 100%;
+}
+.active_chat{ background:#ebebeb;}
+
+.received_message {
+  overflow:hidden; 
+  margin:13px 0 13px;
+  display: inline-block;
+  vertical-align: top;
+  width: 64%;
+  padding: 0px 0px 0px 10px;
+}
+.received_message p {
+  background: #ebebeb none repeat scroll 0 0;
+  border-radius: 3px;
+  color: #646464;
+  font-size: 14px;
+  margin: 0;
+  padding: 5px 10px 5px 12px;
+  width: 100%;
+}
+
+.sent_message {
+  overflow:hidden; 
+  margin:13px 0 13px;
+  float: right;
+  width: 64%;
+  margin-right: 10px;
+}
+.sent_message p {
+  background: #05728f none repeat scroll 0 0;
+  border-radius: 3px;
+  font-size: 14px;
+  margin: 0; color:#fff;
+  padding: 5px 5px 5px 12px;
+  width:100%;
+}
+
+.time_date {
+  color: #747474;
+  display: block;
+  font-size: 12px;
+  margin: 8px 0 0;
+}
+.mesgs {
+  float: left;
+  padding: 0 0 0 5px;
+  width: 60%;
+}
+
+.type_msg {
+  border-top: 1px solid #c4c4c4;
+  position: relative;
+  height: 5%;
+  min-height: 43;
+}
+.input_msg_write input {
+  float: left;
+  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+  border: medium none;
+  color: #4c4c4c;
+  font-size: 15px;
+  height: 100%;
+  width: 100%;
+}
+.input_btn_submit {
+  float: right;
+}
+
+.msg_send_btn {
+  background: #05728f none repeat scroll 0 0;
+  border: medium none;
+  border-radius: 50%;
+  color: #fff;
+  cursor: pointer;
+  font-size: 17px;
+  height: 33px;
+  position: absolute;
+  padding-right: 9px;
+  right: 5px;
+  top: 5px;
+  width: 33px;
+}
+.messaging {
+  padding: 5px 5px 5px 5px;
+  height: 100%;
+}
+.msg_history {
+  overflow-y: scroll;
+  /*height: 95%;*/
+  height: 100%;
+}