Hello, here I leave a small change which makes the edges to Rodondo.
I think this looks a little nicer.
Image demo
1) Open template
additional.css and add the following
Code:
.wcf_notifications {
background:url("images/wcf/50opacity.png") repeat 0 0 transparent;
margin: 0 auto 15px auto;
padding: 0px;
border: 1px solid #d7d7d7;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
behavior: url(border-radius.htc);
bottom: 80px;
left: 20px;
padding: 10px 15px;
position: fixed;
z-index: 10;
}
.wcf_notifications_content {
background-color:transparent;
}
.wcf_notifications_content li a {
color: #FFFFFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.wcf_notifications_content li a:hover {
color: #FFFFFF;
text-shadow: 0 0 5px #FFFFFF;
}
.wcf_notifications_content p {
color:#FFFFFF;
text-decoration:underline;
font-size:12px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
Regards