Изображения из архива кладём в папку /icons своего стиля и в шаблон EXTRA.css добавляем:
Код:
/* GAMER FLUID GREY 2 NOTIFICATION */
.gamerfluidgrey2 .gritter-top {
background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_top.png") no-repeat scroll transparent;
width: 250px;
height: 137px; }
.gamerfluidgrey2 .gritter-item {
background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_center.png") repeat-y scroll transparent;
border-radius: 0;
margin: 0 0 0;
padding-top: 0;}
.gamerfluidgrey2 .gritter-bottom {
background: url("@imagePath/xenforo/icons/gamefluidgrey2_notifications_bottom.png") no-repeat scroll transparent;
width: 250px;
height: 43px; }
.gamerfluidgrey2 .gritter-image {
margin-left: 65px;
width: 96px;
height: 96px;
border: 0px solid #242424;
background-color: transparent;
border-radius: 3px;
position: absolute;
top: -117px; }
.gamerfluidgrey2 .gritter-with-image {
width: 220px;
margin-right: 55px;
padding-top: 10px; }
.gamerfluidgrey2 .gritter-dismiss {
padding-right: 105px;
font-size: 11px;
font-weight: bold;
position: absolute;
bottom: -30px;
text-shadow: 0 0 0 transparent, 0 1px 0 #dcdcdc; }
.gamerfluidgrey2 .gritter-dismiss a { color: #404040; text-decoration: none; }
.gamerfluidgrey2 .gritter-dismiss:hover {opacity: 0.6;}
.gamerfluidgrey2 .gritter-title {
color: #a32121;
font-size: 12px;
text-align: center;
text-shadow: 0 0 0 transparent, 0 1px 0 #cbcbcb; }
.gamerfluidgrey2 .gritter-item p { color: #414141; }
.gamerfluidgrey2 .gritter-close {
background: url("@imagePath/xenforo/icons/gamerfluidgrey2close.png") no-repeat scroll left top transparent;
width: 99px;
height: 25px;
right: 128px;
top: -161px;}
/* GAMER FLUID GREY 2 NOTIFICATION */