Показать / Скрыть текст

<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>