<!--HTML--><link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">

.ab { width: 400px; height: 60px; padding: 20px; background-image: url(https://img2.goodfon.ru/wallpaper/big/5/4a/komiksy-amerika-simpsony-stil.jpg); background-size: cover; background-position: 50% 60%;  border-radius:30px 30px 0px 00px ; } 

.ac { width: 400px; height: 300px; padding: 20px; background: #c9c0ae; } 

.ad {  width: 400px; height: 80px; padding: 20px; background-image: url(https://img2.goodfon.ru/wallpaper/big/5/4a/komiksy-amerika-simpsony-stil.jpg);  background-size: cover; background-position: 50% 50%; border-radius:0px 0px 30px 30px ; } 

.ae { width: 110px; height: 110px; border-radius: 100%; border: 10px solid #c9c0ae; background-size: cover; position: relative; top: -85px; } 

.af { width: 300px; padding: 10px; position: relative; top: 20px; border-radius: 25px; background: #c9c0ae; font-family: 'Montserrat', sans-serif; font-size: 11px; color: #000; text-align: center; text-tranform: lowercase; } 
.af b { color: #671a44; font-size: 13px; letter-spacing: 3px; } 
.af a { color: #000; } 

.ag { width: 330px; height: 230px; position: relative; top: -75px; } 

.ah::-webkit-scrollbar { width: 1px; }
.ah::-webkit-scrollbar-thumb { background-color: #fff; }
.ah::-webkit-scrollbar-track { width: 1px; background-color: #671a44; }


.kb-cred { width: 350px; text-align: right; font-family: verdana; font-size: 15px; margin-top: 0px; } 
.kb-cred a { color: #252525; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; } 
.kb-cred a:hover { color: #e5aee8; text-decoration: none; -moz-transition-duration: 1.5s;  -webkit-transition-duration: 1.5s;  -o-transition-duration: 1.5s; } 

</style>

<center>

<div class="ab"></div>
<div class="ac"><div class="ae" style="background-image: url(http://img1.joyreactor.cc/pics/comment/%D0%B3%D1%80%D1%83%D1%81%D1%82%D0%BD%D0%BE%D1%82%D0%B0-%D0%BF%D0%B5%D1%81%D0%BE%D1%87%D0%BD%D0%B8%D1%86%D0%B0-%D0%BA%D0%BE%D0%BC%D0%B8%D0%BA%D1%81-1966925.gif);"></div>

<div class="ag"><div style="width: 330px; height: 230px; padding: 0px 15px 0px 0px; text-align: justify; font-family: 'verdana', serif; font-size: 11px; line-height: 12px; color: #000; overflow: auto;" class="ah">


Всем привет! Добро пожаловать на тестовик, посвященный будущему кроссовер-проекту. Нас двое энтузиастов, и мы готовы воплотить все свои мечты в жизнь! А именно: форум с приятным дизайном; понимающей и активной администрацией; с готовыми на самые безбашенные эпизоды игроками! Если вы чувствуете, что все эти три пункта вам подходят, то присоединяйтесь! К слову говоря, нам нужны не только игроки, но и администраторы, так что дерзайте!<br><br>

<center><div class="spoil">
 
<div class="smallfont"><input type="button" value="Занятые роли" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"/>
</div>
 
<div class="alt2">
 
<div style="display: none;">
<br>Harleen Quinzel [dc comics] - <a href="https://crossx.rusff.me/profile.php?id=9">я в шлеме</a>
<br>Jensen [The Losers] - <a href="https://crossx.rusff.me/profile.php?id=7">wazap</a>
<br>Katherine Pierce [TVD] - <a href="https://crossx.rusff.me/profile.php?id=5">собеседник</a>
<br>Lydia Martin [Teen Wolf] - <a href="https://crossx.rusff.me/profile.php?id=6">уличный денсер</a>
<br> Mystique [Marvel] - <a href="ссылка">амс</a>
<br>Robert Lutece [Bioshock Infinite] - <a href="ссылка">орел</a>
<br>Rosalind Lutece [Bioshock Infinite] - <a href="ссылка">решка</a>


</div>
 
</div>
 
</div>

<br>• роли бронируются только за <u>зарегистрированными</u> пользователями!
<br><br>• для проверки, свободна ли желаемая роль, пользуйтесь поиском по странице: <b>CTRL + F </b></center>




</div> </div>


</div>
<div class="ad"><div class="af"><b><i class="fa fa-tags"></i></b> #кроссовер &nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-pencil"></i></b> #эпизоды &nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-heartbeat"></i></b> #тестовик </div></div>

<br>роль [фандом] - <a href="ссылка">ник</a>