Quote:
Originally Posted by draver
Is not working with my customs Templates from purevb or completevb.

|
Add this to your additional.css of that theme:
Code:
li.livenotifications_loading,
li.livenotificationbit,
li.livenotifications_link
{
width: 330px;
position: relative;
clear:both;
}
#livenotifications_list,
#livenotifications_list_pm,
#livenotifications_list_friend{
z-index:9001;
top: 25px; !important;
text-align: justify;
}
#livenotifications a.selected,
#livenotifications_pm a.selected,
#livenotifications_friend a.selected
{
background: {vb:stylevar toplinks_hilite_background.backgroundColor};
}
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: 50px;
margin: 0 ;
padding:3px !important;
color: #ffffff !important;
font-size: 13px;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
cursor: pointer;
overflow: hidden;
border-top: 1px solid #BBB;
}
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,
span.livenotifications_num_pm,
span.livenotifications_num_friend {
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;
margin-left: -8px;
}
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;
width:330px;
}
li.livenotifications_link:hover {
color: {vb:stylevar pagination_hover_border};
background: {vb:stylevar imodhilite_backgroundColor};
text-decoration: {vb:stylevar linkhover_textDecoration};
width:330px;
}
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,
#livenotifications_list_pm li.red,
#livenotifications_list_friend li.red,
ul.ln_list_full li.red {
background: {vb:stylevar navbar_popupmenu_link_background};
}
#livenotifications_list li.red:hover,
#livenotifications_list_pm li.red:hover,
#livenotifications_list_friend li.red:hover,
ul.ln_list_full li.red:hover {
background-color: {vb:stylevar imodhilite_backgroundColor};
}
#livenotifications_list li.unread,
#livenotifications_list_pm li.unread,
#livenotifications_list_friend li.unread,
ul.ln_list_full li.unread {
background-color: #FFFBE2;
}
#livenotifications_list li.unread:hover,
#livenotifications_list_pm li.unread:hover,
#livenotifications_list_friend 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_content {
font-size: 11px;
color: #757575;
margin-top: 5px;
}
.lnpmbit.livenotificationbit .ln_sender_name a{
font-size: 12px;
font-weight: bold;
color: {vb:stylevar link_color};
}
.lnpmbit.livenotificationbit .ln_sender_name a:hover{
text-decoration : underline;
color: {vb:stylevar link_color};
}
.ln_content a{
font-size: 12px !important;
color: {vb:stylevar link_color} !important;
}
.ln_content a:hover{
text-decoration : underline;
color: {vb:stylevar link_color};
}
.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: #A8A8A8;
position: absolute;
right: 4px;
bottom: 4px;
}
p.ln_time {
font-size: 11px;
color: #A8A8A8;
margin-top: 5px;
}
#livenotifications_list li.ln_title,
#livenotifications_list_pm li.ln_title,
#livenotifications_list_friend li.ln_title{
font-weight: bold;
color:{vb:stylevar body_color};
padding-bottom: 5px;
margin-left: 4px;
}
#livenotifications_list li.ln_title a,
#livenotifications_list_pm li.ln_title a,
#livenotifications_list_friend li.ln_title a{
color: {vb:stylevar link_color};
text-decoration : {vb:stylevar link_textDecoration};
background: none !important;
padding-top: 0px !important;
float: right;
}
#livenotifications_list li.ln_title a:hover,
#livenotifications_list_pm li.ln_title a:hover,
#livenotifications_list_friend li.ln_title a:hover{
color: {vb:stylevar linkhover_color};
text-decoration : {vb:stylevar linkhover_textDecoration};
background: none !important;
padding-top: 0px !important;
float: right;
}
.ln_popupmenu{
padding-right: 0px !important;
}
.livenotificationbit .request_status{
float: left;
}
.livenotificationbit .actions{
float: right;
}
.livenotificationbit .actions button{
margin-top: 13px;
}