<!--HTML--><div class="main-post"> <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">

<style> #natalie-sig{ width: 384px; height: 384px; background: url(http://s8.uploads.ru/hMKUZ.gif); position: relative; margin: 0px auto; outline: 1px solid #7cbede; border: 3px solid #bfaab5; }

#natalie-sig ::-webkit-scrollbar { width: 5px; border-radius: 50px; } #natalie-sig ::-webkit-scrollbar-track { background: transparent; } #natalie-sig ::-webkit-scrollbar-thumb { background: transparent;; border: 1px solid #transparent; border-radius: 50px; }

#natalie-sig .border1{ width: 0px; height: 0px; position: absolute; background: transparent; top: 173px; left: 11px; border-left: 1px solid #7cbede; border-top: 1px solid #7cbede; overflow: hidden; -webkit-transition: 0.5s ease-in 0.8s; transition: 0.5s ease-in 0.8s; } #natalie-sig:hover .border1{ width: 362px; height: 202px; -webkit-transition: 0.5s ease-in 0s; transition: 0.5s ease-in 0s; } #natalie-sig .border2{ width: 0px; height: 0px; position: absolute; background: transparent; bottom: 9px; right: 8px; border-right: 0.5px solid #7cbede; border-bottom: 0.5px solid #7cbede; overflow: hidden; -webkit-transition: 0.5s ease-in 0.8s; transition: 0.5s ease-in 0.8s; } #natalie-sig:hover .border2{ width: 362px; height: 202px; -webkit-transition: 0.5s ease-in 0s; transition: 0.5s ease-in 0s; }

#natalie-sig .base{ width: 362px; height: 202px; position: absolute; background: #212138; top: 0,5px; left: -500px; opacity: 0.88; -webkit-transition: 0.5s ease-in 0.3s; transition: 0.5s ease-in 0.3s; overflow: hidden; } #natalie-sig:hover .base{ -webkit-transition: 0.5s ease-in 0.5s; transition: 0.5s ease-in 0.5s; left: 0px; }

#natalie-sig .line{ width: 250px; height: 63px; position: absolute; background: transparent; border-left: 1px solid #7cbede; border-right: 1px solid #7cbede; border-bottom: 1px solid #7cbede; top: 102px; left: 67px; opacity: 0.9; }

#natalie-sig .icon{ width: 90px; height: 90px; position: absolute; top: 25px; left: 25px; overflow: hidden; z-index: 2; } #natalie-sig .icon img{ width: 65px; height: 65px; border-radius: 50px; border: 1px solid #7cbede; padding: 5px; }

#natalie-sig .icon2{ width: 90px; height: 90px; position: absolute; top: 25px; left: 270px; overflow: hidden; z-index: 2; } #natalie-sig .icon2 img{ width: 65px; height: 65px; border-radius: 50px; border: 1px solid #7cbede; padding: 5px; }

#natalie-sig .title{ position: absolute; background: transparent; top: 20px; left: 105px; width: 180px; height: 17px; border-bottom: 0px solid #7cbede; text-align: center; line-height: 10px; letter-spacing: 0px; font-family: 'Press Start 2P', sans-serif; font-size: 9px; text-transform: uppercase; color: #83c4e9; font-weight: bold; }

#natalie-sig .textbox{ width: 160px; height: 115px; position: absolute; background: transparent; bottom: 40px; left: 113px; overflow: auto; color: #83c4e9; text-align: justify; line-height: 10px; letter-spacing: 0px; font-family: 'Jura', sans-serif; font-size: 9,5px; padding-right: 9px; z-index: 3; }


#natalie-sig .sf{ color: #DF4158; font-size: 14px; margin: 3px; } #natalie-sig .sf:hover{ color: #111; }

#natalie-sig a{ color: #DF4158; text-decoration: none; }

#natalie-sig .box{ width: 360px; height: 200px; position: absolute; top: 0px; left: -10px; background: transparent; -webkit-transition: 0.3s ease-in 0s; transition: 0.3s ease-in 0s; opacity: 0; } #natalie-sig:hover .box{ -webkit-transition: 0.3s ease-in 1s; transition: 0.3s ease-in 1s; opacity: 1; }

</style> 

<center>
<div id='natalie-sig'>

 <div class='border1'>
     
     <div class='base'></div>
     <div class='triangle'></div>
     
     <div class='box'>
         <div class='line'></div>
         
         <div class='icon'>
           <a href="http://unirole.rusff.me/profile.php?id=1475" title="Irie Shoichi">
           <img src=""></a>
         </div>

         <div class='icon2'>
           <a href="http://unirole.rusff.me/profile.php?id=1448" title="Gokudera Hayato">
           <img src=""></a>
         </div>
         
         <div class='title'>йети нужно чаще мыть</div>
         <div class='textbox'>
           У клуба исследователей НЛО, криптид и роботов тройная мотивация ― поймать зверя, потому что иначе натворит дел, поймать зверя, чтобы получить хоть какое-то право на существование в универе, ПОЙМАТЬ ЗВЕРЯ, ЧТОБЫ ДОКАЗАТЬ ВСЯКИМ ТАМ СКЕПТИКАМ!
         </div>
         
     </div>
     
 </div>
 
 <div class='border2'>
 
</div>
</center>

<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow36.js"></script>






<!---------------------------- цитата ---------------------------->

<div class="f_name"> <a href="">девочка говорит: </a>
</div>

<div class="f_cc"> текст цитаты текст цитаты текст цитаты текст цитаты текст цитаты текст цитаты текст цитаты.
</div>
<!---------------------------- баннеры ---------------------------->


<div style="position: absolute;
    margin-top: -28px;
    margin-left: 526px;
    width: 308px;
    height: 38px;
    letter-spacing: 2px;
    filter: grayscale(70%);
    opacity: 0.7;
    overflow: auto;
    padding-top: 8px;
    line-height: 281%;">

<center><a href="http://imagiart.ru/" target="_blank" original-title=""> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance" original-title="photoshop: Renaissance"></a> <a href="http://nice2meet.rusff.me/" target="_blank" original-title=""><img src="http://funkyimg.com/i/2qHGd.gif" border="0" width="88" height="31" original-title="NICE2MEETU"></a>
<a href="http://pacifichighway.rusff.me/" target="_blank" original-title=""><img src="http://funkyimg.com/i/2BbfS.png" original-title="pacific highway"></a>
<a href="http://cityofanarchy.rusff.me/" target="_blank" original-title=""><img src="http://se.uploads.ru/DGyaU.gif" border="" width="88" height="31" original-title="Cleveland. City of anarchy"></a>
<a href="http://howlongisnow.rusff.me/" original-title=""><img src="http://sa.uploads.ru/oDd6v.png" original-title="TACHELES"></a>
<a href="http://omerta.rusff.me/" target="_blank" original-title=""><img src="http://uploads.ru/i/u/c/X/ucXVZ.gif" original-title=""></a>
<a href="http://purpleline.rusff.me" original-title="purple line"><img src="http://sa.uploads.ru/fS1bR.png" width="88px" height="31px" original-title=""></a>
<a href="http://ouatuntold.rusff.me/" target="blank" original-title=""><img src="http://sh.uploads.ru/xuIB9.gif" class="" width="88" height="31" original-title=""></a>
<a href="http://irepublic.rusff.me" target="_blank," original-title="Irish Republic"><img src="http://s0.uploads.ru/5qNF1.gif" original-title=""></a>
<a href="http://docnight.rusff.me/" target="_blank" original-title=""><img src="http://s6.uploads.ru/t/QDk13.gif" original-title="Doctor Who: Night terror"></a>
<a href="http://pestilences.rusff.me/" original-title="Pestilence in Seoul"><img src="http://funkyimg.com/i/2gmYG.gif" target="_blank" border="0" width="88" height="31" original-title=""></a>
<a href="http://gotbeginning.rolka.su/" target="_blank" original-title=""> <img src="http://s020.radikal.ru/i723/1703/ca/617943313915.jpg" border="0" alt="Игра Престолов. С самого начала" width="88" height="31" original-title=""></a>
<a href="http://newonetreehill.rusff.me/" target="_blank" original-title="One Tree Hill"><img src="http://s3.uploads.ru/hCjI6.gif" width="88px" height="31px" original-title=""></a>
<a href="http://overlook.rusff.me/" original-title=""><img src="http://i.imgur.com/7ImMMd9.gif" original-title=""></a>
<a href="http://inogrium.mybb.by" target="_blank" original-title=""><img src="http://s1.uploads.ru/i/fMYCl.gif" original-title="Кликни. Ня."></a>
<a href="http://rezeroed.rusff.me/" alt="rebel key: crossover" target="_blank" original-title=""><img src="http://sd.uploads.ru/YeBRg.gif" original-title=""></a>
<a href="http://twdarksoul.rusff.me/" target="_blank" original-title=""><img src="http://funkyimg.com/i/2wQy8.gif" original-title="tw: dark soul - your family"></a>
<a href="http://reyvolir.ru/" target="blank" original-title=""><img src="http://se.uploads.ru/AjIJK.gif" alt="Рейволир" original-title="Рейволир"></a>
<a href="http://dramarama.rusff.me/" target="_blank" original-title=""><img src="http://funkyimg.com/i/2znA6.gif" border="0" width="88" height="31" original-title="Dramarama"></a>
<a href="http://reasonofwar.rusff.me" original-title=""><img src="https://i.imgur.com/Ebh0Wa7.gif" original-title="casus belli: reason for war"></a>
<a href="http://seoulsoul.rusff.me/" target="_blank" original-title=""><img src="https://imgur.com/K6YdTkw.png" original-title=""></a>
<a target="_blank" href="http://wodan.rusff.me" original-title="Песнь о богах"><img src="http://i.imgur.com/YSGXPXR.gif" original-title=""></a>
<a href="http://alleyways.rusff.me" target="_blank" original-title="alleyways"><img src="http://funkyimg.com/i/2z4SP.gif" width="88px" height="31px" original-title=""></a>
<a href="http://blackburns.rusff.me" target="_blank" original-title=""><img src="http://funkyimg.com/i/2v2kU.png" border="0" width="88" height="31" original-title="Blackburn: God Bless You"></a>
<a href="http://kingscross.f-rpg.ru/" target="_blank" original-title=""><img src="https://i.imgur.com/WNhMtiG.jpg" original-title="KINGSCROSS. Внимание, поезд отправляется!"></a>
<a target="_blank" href="http://comaland.rusff.me" original-title="Le Chabanais"><img src="https://forumstatic.ru/files/0017/cf/99/24867.gif" border="0" original-title=""></a>
<a href="http://east4life.rusff.me/" original-title=""><img src="http://funkyimg.com/i/2BBQC.gif" alt="EAST 4 LIFE" target="_blank" original-title=""></a>
</center></div>

<!---------------------------- запятая после ника---------------------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!---------------------------- замена кнопки администрирования ---------------------------->
<script>
<!--
godof="настройки" 
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>

<!---------------------------- прячем редактирование---------------------------->
<style>
.lastedit {display:none;}
</style>


<!---------------------------- скрываем шейр ---------------------------->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>



<!---------------------------- no объявление---------------------------->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>


<!---------------------------- подложка для смайлов---------------------------->
<style type="text/css">
#wrapper {width: 495px; margin-top: -22px;}
/* вкладки доп смайлов */
ul.tabs {height: 28px;margin: 15px 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;height: 10px;}
ul.tabs li a {    display: block;
    padding: 0 8px 3px 8px;
    margin-bottom: -1px;
    color: #77a48f;
    text-decoration: none;
    cursor: pointer;
    background: #F9F9F9;
    position: relative;
    font-family: arial black;
}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #444;background: #c3c6c7;}
ul.tabs li.tab-current a {    color: #9bc2ae;
    background: #EFEFEF;
    font-family: arial black;
}
div.t2,div.t3,div.t4,div.t5,div.t6,div.t7,div.t8,div.t9 {    display: none;
    width: 457px;
    height: 163px;
    overflow-y: auto;
    margin-top: 7px;
    text-align: justify;}
</style>


<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f20{display:none}</style>")
</script><style>#forum_f20{display:none}</style>

<!---------------------------- кнопка новых соо---------------------------->

<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
</script>

<!----------------- хтмл в постах с допуском по группам © Alex_63 --------------->

<!-- HTML в постах -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/94151.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5,6,7]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>


<!---------------------------- выделение кода Alex_63---------------------------->

<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!---------------------------- кнопка обтекания---------------------------->

<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none; border: 1px solid #d3d9db; background-color: #e6e6e6; box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.6); padding: 8px; width:auto; position:absolute; margin-top: -36%; margin-left: 29%; z-index:20">
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" onclick="bbcode('[float=left]', '[/float]')" original-title="Слева">
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" onclick="bbcode('[float=right]', '[/float]')" original-title="Справа">
</div></div>


<!---------------------------- кнопки ---------------------------->
<div class="go-up" id="ToTop" style="display: none;"><img src="https://forumstatic.ru/files/0012/85/af/79707.png"></div>
<div class="go-down" id="OnBottom" style="display: block;"><img src="https://forumstatic.ru/files/0012/85/af/81564.png"></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:1; /*прозрачность*/
width:34px; /*ширина кнопки*/
height:32px; /*высота кнопки*/
}
.go-up {
bottom:320px; /*положение от низа окна браузера верхняя кнопка*/
right: 8%;
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down {
bottom:255px; /*положение от низа окна браузера нижняя кнопка*/
right: 8%;
-webkit-transition: .3s all;   
    -moz-transition: .3s all;   
    -ms-transition: .3s all;   
    -o-transition: .3s all;   
    transition: .3s all;   
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<!---------------------------- шрифты---------------------------->
<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push('Pacifico');
ft_f.push('Playfair Display');
ft_f.push('Sedgwick Ave');
ft_f.push('Pacifico');
ft_f.push('Graduate');
ft_f.push('Abril Fatface');
ft_f.push('Shadows Into Light');
ft_f.push('Gloria Hallelujah');
ft_f.push('Dancing Script');
ft_f.push('Poiret One');
ft_f.push('Orbitron');
ft_f.push('Satisfy');
ft_f.push('Permanent Marker');
ft_f.push('Old Standard TT');
ft_f.push('Passion One');
ft_f.push('Bungee Hairline');
ft_f.push('Cookie');
ft_f.push('Bebas Neue');
 ft_f.push('Lobster');
  ft_f.push('Lemon Tuesday');
ft_f.push('Clip');

for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>


<!---------------------------- абзац---------------------------->
<style>#button-indent {background:url(http://s7.uplds.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block; margin: 0.2em 1.1em; "></span>'; /*сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>


<!---------------------------- счетчик символов ---------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="padding:2px 3px;margin:0 20px 0 10px;">написано <b>00</b> символов</small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!---------------------------- хтмл кнопка---------------------------->
<style>
#button-html {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/html-add-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:14px; margin-left: 2px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(12).innerHTML="<img src='/i/blank.gif' title=\"Теги HTML\" id='button-html' onclick=\"bbcode('

<!--HTML-->', '