<style>
.boxi {
position: absolute;
left:0;
top:100%;
z-index:9999;
/* Предовращаем мерцание в Safari 5.1 */
-webkit-backface-visibility: hidden;
background:url(/mp/1.png);
background-repeat:no-repeat;
width: 250px;    
height: 400px;
-webkit-transform: scale(0) skew(50deg);
-moz-transform: scale(0) skew(50deg);
-ms-transform: scale(0) skew(50deg);
-o-transform: scale(0) skew(50deg);
-webkit-transform-origin: 0px -300px;
-moz-transform-origin: 0px -300px;
-ms-transform-origin: 0px -300px;
-o-transform-origin: 0px -300px;

-webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
-moz-transition: -moz-transform ease-out .35s, opacity ease-out .4s;
-ms-transition: -ms-transform ease-out .35s, opacity ease-out .4s;
-o-transition: -o-transform ease-out .35s, opacity ease-out .4s;
}

.popUpControls:checked ~ label > .boxi {
opacity: 1;
-webkit-transform: scale(1) skew(0deg);
-moz-transform: scale(1) skew(0deg);
-ms-transform: scale(1) skew(0deg);
-o-transform: scale(1) skew(0deg);
}
.popUpControls {    
display: none;    
}
.buttons {
background:  #ff0000;
color: #000;               
padding: 5px;              
border-radius: 5px;
}
#doggiezzza:checked ~ label > span:first-child {
display: none;
}
#doggiezzza:checked ~ label:before {
content: "Закрыть мини профиль";
}
p {
width: 250px;    

}    
#pu {
position: absolute;
top:342px;
left:15px;    
width:230px;    
cellpadding:0;
cellspacing:0;    

}    
#user_n {
padding:35 105;    
}    
#ava {
margin:-3px 71px;
-moz-border-radius: 20px;    
-webkit-border-radius: 20px;    
border-radius: 20px;              
}
#no_user{
margin:30px 50px 20px 35%;    
}    
#inf_u{
width: 250px;    
margin-top:15px;
}    
</style>
<input type="checkbox" id="doggiezzza" class="popUpControls">
<label for="doggiezzza" class="buttons">
<span>Открыть мини профиль</span>
<span class="boxi">
<div id="user_n">    
<strong>
<a style="color: black;" title="ОТКРЫТЬ ПРОФИЛЬ" href="$PERSONAL_PAGE_LINK$" rel="nofollow" onclick="window.open('$PERSONAL_PAGE_LINK$','up2','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">$USERNAME$</a>
</strong>
</div>    
<div id="ava">    
<?if($USER_AVATAR_URL$)?><img title="Ваш аватар" src="$USER_AVATAR_URL$" width="110" height="110" border="0" ><?else?><img title="У вас нет аватара" src="/mp/no_ava.png" width="110" border="0"><?endif?>
</div>
<?ifnot($USER_LOGGED_IN$)?>    
<div id="no_user">    
<strong>    
<a style="color: #060cfc;" href="$LOGIN_LINK$">Вход на сайт</a> </strong>    
</div>    
<strong>    
<p align="center" style="color: #ff0000;" >Для гостей опции мини-профиля недоступны</p>
</strong>    
<?endif?>    
<?if($USER_LOGGED_IN$)?>    
<div id="inf_u" align="center">    
<br><b><font color="#ff0000">Группа: </font> $USER_GROUP$</b>    
<br><b><font color="#ff0000">Полное имя: </font></b>$USER_FULL_NAME$    
<br><b><font color="#ff0000">Ты здесь: </font></b><font color="#060cfc"><b>$USER_REG_DAYS$</b></font> <b><font color="#ff0000">-й день</font></b><br>    
<br><a href="/load/0-0-0-0-1/"><font color="#000">Добавить Файл</font></a>    
<br><a href="/publ/0-0-0-0-1/"><font color="#000">Добавить статью</font></a>
<br><a href="/photo/0-0-0-1/"><font color="#000">Добавить фото</font></a>
</div>    
<table id="pu">    
<tr>    
<td><img onclick="new _uWnd('','Личные сообщения [$UNREAD_PM$]',800,1000,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=$PM_URL$ frameborder=0 width=800 height=1000>');" title="У Вас($UNREAD_PM$)ЛС" width="28" src="/mp/email.png" border="0"></td>    
<td><img onclick="new _uWnd('','Персональная страница',800,1000,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=/index/8 frameborder=0 width=800 height=400>');" title="Ваш профиль" width="28" src="/mp/user.png" border="0"></td>    
<td><img onclick="new _uWnd('','Редактирование данных',800,650,{autosize:1,maxh:1000,minh:400,closeonesc:1},'<iframe src=/index/11 frameborder=0 width=800 height=650>');" title="Редактировать данные" width="28" src="/mp/configure.png" border="0"></td>    
<td><img onclick="new _uWnd('','Список пользователей',800,1000,{autosize:1,maxh:500,minh:200,closeonesc:1},'<iframe src=$USERS_LIST_URL$ frameborder=0 width=800 height=1000>');" title="Список пользователей" width="28" src="/mp/loginmanager.png" border="0"></td>    
<td><img onclick="new _uWnd('','Выход из профиля',300,100,{autosize:1,maxh:500,minh:50,modal:1,closeonesc:1},'<center>В самом деле выйти из профиля?<br><br><a href=$LOGOUT_LINK$>Да, я уверен</a></center>');" title="Выйти из профиля" width="28" src="/mp/deletered.png" border="0"></td>    
</tr>
</table>    
<?endif?>
</span>    
</label>