--- 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;
+}