--- a
+++ b/frontend/css/notification.less
@@ -0,0 +1,60 @@
+.unreadNotificationBox{
+	left:0px;
+	top:0px;
+	width:100%;
+	border-radius:3px;
+	margin:2px;
+	cursor:pointer;
+	background:@unreadNotification;
+	-webkit-transition: 0.2s; 
+    transition: 0.3s;
+} 
+
+.readNotificationBox{
+	left:0px;
+	top:0px;
+	width:100%;
+	border-radius:3px;
+	margin:2px;
+	cursor:pointer;
+	background:@readNotification;
+	-webkit-transition: 0.2s; 
+    transition: 0.3s;
+} 
+
+.readNotificationBox:hover, .unreadNotificationBox:hover {
+	background:@overNotification;
+	height:auto;
+}
+.c2net-notification-icon{
+	position:relative;
+	left:0px;
+	top:0;
+	height:25px;
+	width:25px;
+	margin: 3px;
+}
+.c2net-notification-title{
+	position:relative;
+	left:0px;
+	top:0;
+	font-size:16px;
+	font-weight:bold;
+	margin: 3px;
+	padding: 0px;
+}
+
+.c2net-notification-body-long{
+	position:relative;
+	font-size:12px;
+	margin:3px;
+	word-wrap: break-word;
+	display:block;
+	align:justify;
+}
+.c2net-notification-time{
+	float: right;
+	top:0px;
+	right:0px;
+	font-size:10px;
+}