Изображения из архива положите в папку /gradients своего стиля и в шаблон EXTRA.css добавьте:
Код:
/*TABLET NOTIFICATION ENHANCEMENT*/
.tablet .gritter-item{
background: url("@imagePath/xenforo/gradients/tablet.png") no-repeat scroll center bottom transparent !important;
width: 250px;
height: 300px;
}
.tablet .gritter-with-image {
width: 190px;
padding-right: 25px;
padding-top: 10px;
color: #6a6a6a;
}
.tablet .gritter-without-image {
width: 190px;
padding-left: 30px;
padding-top: 50px;
color: #6a6a6a;
}
.tablet .gritter-title {
color: #3f3f3f !important;
font-size: 11px !important;
}
.tablet .gritter-with-image a, .tablet .gritter-without-image a {
color: #921717 !important;
}
.tablet .gritter-with-image a:hover {
opacity: 0.6;
}
.tablet .gritter-image {
padding-left: 90px;
padding-top: 40px;
}
.tablet .gritter-dismiss {
padding-bottom: 50px;
padding-right: 75px;
font-size: 10px;
}
.tablet .gritter-dismiss a {
color: #a33131 !important;
}
.tablet .gritter-dismiss a:hover {
opacity: 0.6;
}
.tablet .gritter-close {
background: url("@imagePath/xenforo/gradients/tabletclose.png") no-repeat scroll top left transparent;
right: 15px !important;
top: 15px !important;
}
/*TABLET NOTIFICATION ENHANCEMENT*/