chat message modification (1.1.5)

style/_common.scss

@@ -490,7 +490,7 @@ a[href^="table"].internal_link span.item {
     background:$col_none;
     text-align:center;
 }
-	
+
 .uploader_droparea-active {
 	background:$col_hover_1;
 }
@@ -560,4 +560,4 @@ a.uploader_item_cancel {
 
 .uploader_item_success .fa-c-delete:hover, .uploader_item_cancel .fa-c-delete:hover {
 	color:$col_hover_1;
-}
+}

style/_variables.scss

@@ -27,9 +27,8 @@ $col_black: #000000;
 /* Font size */
 $size_small:9px;
 $size_medium:10px;
-$size_big:11px;
+$size_big:12px;
 $size_vbig:13px;
 $size_vvbig:15px;
 $size_subtitle:16px;
 $size_title:20px;
-

style/databap.scss

@@ -24,7 +24,7 @@
 		height:35px;
 		margin:0;
 	}
-	
+
 	.logo {
 		position:absolute;
 		top:9px;
@@ -32,7 +32,7 @@
 		height:35px;
 		margin-left:36px;
 	}
-	
+
 	#query, #search_btn_submit {
 		height:25px;
 		color:$col_main_1;
@@ -41,18 +41,18 @@
 		padding:0 10px;
 		font-size:15px;
 	}
-	
+
 	#query {
 		background:$col_none;
 		width:250px;
 	}
-	
+
 	#search_btn_submit {
 		background:$col_main_2;
 		height:20px;
 		padding-top:5px;
 	}
-	
+
 	#search_btn_submit:hover {
 		background-color:$col_hover_1;
 	}
@@ -120,7 +120,7 @@
 		line-height:20px;
 		font-weight:bold;
 	}
-	
+
 	#menu_box ul {
 		margin:0;
 		padding:0;
@@ -128,7 +128,7 @@
 		font-size: 20px;
 		list-style:none;
 	}
-	
+
 	#menu_box ul li {
 		padding:10px 10px 10px 0;
 		margin:0;
@@ -139,48 +139,48 @@
 		font-size:20px;
 		text-transform:capitalize;
 	}
-	
+
 	#menu_box ul li:FIRST-CHILD {
 		padding-top:0;
 	}
-	
+
 	#menu_box ul li:FIRST-CHILD a {
 		padding-top:8px;
 	}
-	
+
 	#menu_box ul li a {
 		padding:10px 0 10px 0;
 		color:$col_main_2;
 		display:inline-block;
 		width:100%;
 	}
-	
+
 	#menu_box ul li:hover a {
 		color:$col_hover_1;
 	}
-	
+
 	#menu_box a.active {
 		background:#88B2F0;
 		color:$col_hover_1;
 		padding-right: 10px;
 		@include round(10px, 10px, 10px, 10px);
 	}
-	
+
 	#menu_box ul li a span {
 		display: none;
 	}
-	
+
 	#menu_box a.active span {
 		display:inline-block;
 		text-transform:capitalize;
 		background:#04357B;
 	}
-	
+
 	#menu_box ul li a.active .fa {
 		margin-right:10px;
 	}
-	
-	
+
+
 	#menu_box ul li#rss_ln a {
 		color:$col_main_1;
 	}
@@ -456,7 +456,7 @@
 }
 
 /* Default code line */
-#code_container .code_reader ol li span {	
+#code_container .code_reader ol li span {
 	color:$col_black;
 }
 #code_container .code_reader ol li span.code, ol li span.comment {
@@ -549,8 +549,8 @@
 	font-style: italic;
 }
 
-#search .code_reader:hover .tab_left, 
-#search .code_reader:hover ol, 
+#search .code_reader:hover .tab_left,
+#search .code_reader:hover ol,
 #search .code_reader:hover li {
 	background-color:$col_main_2;
 	cursor:pointer;
@@ -726,6 +726,7 @@
 
 #chat_messages p {
 	color:$col_main_1;
+	margin-bottom: 3px;
 }
 #chat_messages p.U {
 	/*background-color:white;*/
@@ -743,11 +744,16 @@
 	color:$col_hover_1;
 	font-size:$size_small;
 	font-style:normal;
+	vertical-align: middle;
 }
-#chat_messages p a.user, #chat_messages p span.console {
-	font-size:$size_medium;
+#chat_messages p a.user {
 	font-weight:bold;
 	color:$col_main_1;
+	font-size:$size_big;
+}
+#chat_messages p span.console {
+	font-size:$size_big;
+	margin-right:5px;
 }
 #chat_messages p a.user {
 	margin-left:5px;
@@ -758,6 +764,10 @@
 #chat_messages p span.text {
 	margin-left:5px;
 	font-size:$size_big;
+
+	&.edit-btn {
+		vertical-align: middle;
+	}
 }
 #chat_messages p span.action {
 	font-style:italic;
@@ -843,6 +853,22 @@
 	@extend .fa-20;
 }
 
+#chat_messages p span.status {
+	&::before {
+		content: "(";
+	}
+
+	font-size: $size_small;
+	color: $col_main_2;
+	vertical-align: middle;
+	margin-left: 5px;
+	display: none;
+
+	&::after {
+		content: ")";
+	}
+}
+
 #chat_messages .help {
 	border:1px dashed #666666;
 	padding:0 0 5px 0;
@@ -852,7 +878,7 @@
 #chat_messages .help p {
 	padding:0 5px;
 	color:#666666;
-	font-size:$size_medium; 
+	font-size:$size_medium;
 }
 #chat_messages .help p.title {
 	font-size:$size_big;
@@ -882,17 +908,17 @@
 /* Chat - Input */
 
 #chat {
-	
+
 	#chat_input {
 		background:$col_main_3;
 		color:#94BDF9;
 		overflow: hidden;
 	}
-	
+
 	#c1_file {
 		display: none;
 	}
-	
+
 	.uploader_box {
 		position:inherit;
 		width:auto;
@@ -910,24 +936,24 @@
 		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;
@@ -936,7 +962,7 @@
 		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;
 	}
@@ -1507,4 +1533,4 @@
 	width:1px;
 	border-left:1px solid $col_error;
 	z-index: 1000;
-}
+}