[daveaite]

Originally Posted by draver

I love this mod an I want to buy the pro version but the display on my forums looks bad.

This means your CSS isn't applying correctly. Might be due to theme, or modifications you have done to your site. Try adding this to additional.css template and see if that works.

li.livenotifications_loading,
li.livenotificationbit,
li.livenotifications_link
{
width: 330px;
position: relative;
clear:both;
}

.livenotifications_list{
z-index:9001;
}

li.livenotifications_loading {
height: 40px;
background-image: url(images/misc/ln-ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
li.livenotificationbit {
min-height: 56px;
margin: 0;
padding:3px !important;
color: #3E3E3E !important;
font-size: 13px;
font-family: Tahoma,Clibri,Verdana,Geneva,sans-serif;
cursor: pointer;
overflow: hidden;
}
li.livenotificationbit a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
background: inherit !important;
}
li.livenotificationbit img {
float: left;
margin-right: 4px;
}

span.livenotifications_num {
background-color: #FF0000;
border: 1px solid #FF0000;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-weight: regular;
}
li.livenotifications_link {
background: {vb:stylevar navbar_tab_background.backgroundColor};
color: {vb:stylevar pagination_color};
display: block !important;
font-weight: regular;
font-size: {vb:stylevar header_font};
font-family: Arial,Calibri,Verdana,Geneva,sans-serif;
min-height: 20px;
text-align: center !important;
padding-top:6px !important;
cursor: pointer;
}
li.livenotifications_link:hover {
color: {vb:stylevar pagination_hover_border};
background: {vb:stylevar imodhilite_backgroundColor};
text-decoration: {vb:stylevar linkhover_textDecoration};
width:100%;
}

ul.ln_list_full {
margin: 20px 0;
padding: 0;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}

ul.ln_list_full li {
margin: 20px 20px;
padding: 5px;
border-top: 1px solid #cccccc;
}
li.livebit {
vertical-align: top;
clear:left;
min-height: 50px;
cursor: pointer;
position: relative;

}

#livenotifications_list li.red,
ul.ln_list_full li.red {
background-color: {vb:stylevar navbar_popup_link_background};
}
#livenotifications_list li.red:hover,
ul.ln_list_full li.red:hover {
background-color: {vb:stylevar imodhilite_backgroundColor};
}

#livenotifications_list li.unread,
ul.ln_list_full li.unread {
background-color: #FFFBE2;
}
#livenotifications_list li.unread:hover,
ul.ln_list_full li.unread:hover {
background-color: #F9EC9F;
}
li.livebit img {
float:left;
margin-right:10px;
border: 1px solid #ccc;

}

.lnpmbit.livenotificationbit .ln_stats {
float: left;
font-size: 24px;
width: 80px;
text-align: center;
padding-top: 5px;
margin-right: 3px;
}

.lnpmbit.livenotificationbit .ln_context {
font-size: 11px;
}

.lnpmbit.livenotificationbit .ln_stats span {
font-size: 10px;
}
/* Overview pagination newer/older links */
div.ln_pagination {
border: 1px solid #CEDFEB;
background-color: #F2F6F8;
color: #666;
min-width: 100px;
padding: 5px 10px;
}

/* Time bits */
span.ln_time {
font-size: 11px;
color: #808080;
position: absolute;
right: 4px;
bottom: 4px;
}