<!--HTML-->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

<style type="text/css">
#mercChall {
 width: 450px;
 padding: 50px;
 margin: 25px auto;
 height: 450px;
 background-color: #123b4d;
 overflow: hidden;
 margin-bottom: 4px;
}
#mercChall ::-webkit-scrollbar-thumb:vertical {
   height: 8px;
   background-color:#f4f4f0;
   }
#mercChall ::-webkit-scrollbar {
   width: 9px;
   height: 3px;
 border: 4px solid #64b4d3;
   background-color:#9dc8ef;
   }

.merctab {
 width: 382px;
 height: 400px;
 overflow: hidden;
 clear: both;
 position: relative;
}
.mtab { float: left; }
.mtab label {
 display: block;
 width: 86.75px;
 background-color: #A5B0B4;
 font-family: montserrat;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff;
 font-size: 8px;
 letter-spacing: 1px;
 padding: 20px;
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -o-transition-duration: 1s;
}
.merctab .mtab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.merccont {
 width: 340px;
 padding: 20px;
 background-color: #f2f2f2;
 position: absolute;
 color: #1a495a;
 font-family: montserrat;
 font-size: 12px;
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -o-transition-duration: 1s;
 overflow: hidden;
   top: 49px;
   bottom: 0px;
   left: -500px;
   right: 0px;
 line-height: 20px;
}
.merccont .cont {
 width: 335px;
 height: 240px;
 overflow: auto;
 padding: 3px;
}
.merccont h1 {
 text-align: center;
 font-size: 20px;
 color: #7892AE;
}
.merccont .cont a {
 background-color: #3975a8;
 padding: 2px;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 9px;
 letter-spacing: 1px;
}
.merccont .lin {
 padding-top: 150px;
 font-famly: montserrat;
 font-size: 30px;
 text-align: center;
 font-weight: bold;
 color: #767B8A;
}
.merccont img {
 width: 100px;
 height: 100px;
 overflow: hidden;
 margin: 10px auto;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
 border: 10px solid #E4E4F2;

}
.merccont .sec a {
 background-color: #767B8A;
 padding: 2px;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 9px;
 letter-spacing: 1px;
}
.merctab .mtab [type=radio]:checked ~ label { background: #7892AE; z-index: 2; }
.merctab .mtab [type=radio]:checked ~ label ~ .merccont { z-index: 1; top: 49px;
 left: 0px;
}
.mercIn {
 width: 410px;
 padding: 20px;
 text-align: center;
 background-color: #A5B0B4;
 color: #fff;
 font-family: montserrat;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 1px;
}
.mercIm {
 width: 70px;
 height: 400px;
 float: right;
 right: 20px;
 margin-top: -400px;
 background-color: #A5B0B4;
}
.mercIm .im {
 width: 70px;
 height: 70px;
 overflow: hidden;
 border: 10px solid #E5E5E0;

}
.mercCred {
 text-align: center;
 width: 200px;
 margin: 1px auto;
 color: #767B8A;
 text-align: center;
 font-family: calibri;
 font-size: 8px;
 letter-spacing: 1px;
 font-weight: bold;
 text-transform: uppercase;
}
.mercCred a { color: #767B8A; text-decoration: none; }
</style>


<div id="mercChall">
<div class="merctab">
 
<div class="mtab">

<input type="radio" id="mtab-1" name="mtab-group-1">
<label for="mtab-1">Выкупить имя</label>
<div class="merccont"><div class="cont">
 <h1>Имена выкупаются в банке</h1>
 <a href="/">ИМЯ</a> имя вашего персонажа<br />
  <a href="/">ИМЯ</a> имя вашего персонажа<br />
  <a href="/">ИМЯ</a> имя вашего персонажа<br />
  
</div> </div>
</div>


<div class="mtab">
<input type="radio" id="mtab-2" name="mtab-group-1">
<label for="mtab-2">ЗАНЯТЬ ВНЕШНОСТЬ</label>
<div class="merccont">
 <h1>Занятые внешности:</h1>
 <div class="cont">
      <a href="http://startup.rusff.me/">aron piper</a> сан-диего <br />
<a href="http://startup.rusff.me/">armie hammer</a> тюлень<br />
<a href="http://startup.rusff.me/profile.php?id=2">ana de armas</a> starlight<br />
<a href="http://startup.rusff.me/profile.php?id=8">bella hadid</a> каппадокия <br />
   <a href="http://startup.rusff.me/profile.php?id=14">billie eilish</a> sailor moon <br />
<a href="http://startup.rusff.me/">cameron dallas</a> сан-диего <br />
<a href="http://startup.rusff.me/">charlie hunnam</a> сан-диего <br />
<a href="http://startup.rusff.me/">charlize theron</a> сан-диего <br />
<a href="http://startup.rusff.me/">chris evans</a> сан-диего <br />
<a href="http://startup.rusff.me/">chris pine</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=6">crystal reed</a> робуста <br />
<a href="http://startup.rusff.me/profile.php?id=5">D.J. Cotrona</a> арчи <br />
<a href="http://startup.rusff.me/">dacre montgomery</a> сан-диего <br />
<a href="http://startup.rusff.me/">Danielle Campbell</a> Kelsey<br />
<a href="http://startup.rusff.me/">dominic sherwood</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=13">Dua Lipa</a>сука-любовь<br />
<a href="http://startup.rusff.me/">emeraude toubia</a> сан-диего <br />
<a href="http://startup.rusff.me/">ester exposito</a> сан-диего <br />
<a href="http://startup.rusff.me/">gal gadot</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=9">Jennifer Love Hewitt</a> саманта <br />
<a href="http://startup.rusff.me/">kiernan shipka</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=11">lily collins</a> сангрия <br />
<a href="http://startup.rusff.me/">liz gillies</a> сан-диего <br />
<a href="http://startup.rusff.me/">madison beer</a> сан-диего <br />
<a href="http://startup.rusff.me/">madison iseman</a> сан-диего <br />
<a href="http://startup.rusff.me/">minka kelly</a> сан-диего <br />
<a href="http://startup.rusff.me/">maia mitchell </a> сан-диего <br />
<a href="http://startup.rusff.me/">phoebe tonkin</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=12">selena gomez</a>младший лейтенант<br />
<a href="http://startup.rusff.me/">sophie turner</a> сан-диего <br />
<a href="http://startup.rusff.me/profile.php?id=4">Svetlana Khodchenkova</a> jannet<br />
<a href="ссылка на ваш профиль">Timothee Chalamet</a> шоколадный виски <br />


   <a href="/">внешность на eng</a> ваш ник<br />
   <a href="/">внешность на eng</a> ваш ник<br />
   <a href="/">внешность на eng</a> ваш ник<br />
   <a href="/">внешность на eng</a> ваш ник<br />
  
 </div>
</div>
</div>

<div class="mtab">
<input type="radio" id="mtab-3" name="mtab-group-1" checked>
<label for="mtab-3">О НАС</label>
<div class="merccont" style="text-align: center; background-image:url(https://funkyimg.com/i/35rSP.png);">
 <h1>WELCOME TO SAN FRANCISCO</h1>
 <div class="cont"> Каждому из нас хочется обрести то место, куда приятно возвращаться обратно, где нас ждут, поймут и поддержат в трудную минуту. Новый тест по реал лайфу – этим уже никого не удивишь, другое дело, - атмосфера, царящая на форуме. Мне хочется обрести ролевой дом, который будет мне близок по духу, где будет интересно проводить свое свободное время, отвлекаясь от реальности и будничной рутины. Мне хочется создать форум, который не загнется через месяц, и не поставит в неудобное положение игроков, которые пришли и поверили в нас. Я люблю играть и строить ролевые сюжеты, собственно, как и каждый забредший в эту тему. И я устала от того, что на других форумах часто торопят с постами – не отписал пост за пять дней, возникла трудность в реале – сразу внешность твою кто-то другой заберет, и никому ничего не докажешь и не объяснишь, хотя так не делается. Давайте не просто играть, давайте наслаждаться игрой. Давайте будем поддерживать друг друга и радовать приятными бонусами. </br>За основу взят город Сан-Франциско, надеюсь, вы не против. В данный момент я нахожусь в поиске своих людей. Разыскиваются администраторы и модераторы. В своих коллегах мне хочется увидеть заинтересованность, свободное время, идеи и желание упорно трудиться на благо нашего общего детища. Крайне нуждаемся в своем дизайнере! Давайте будем на равных интриговать и вдохновлять наших игроков. Давайте внесем в ролевой мир частичку себя, и, верю, подобное не останется незамеченным.
</br>Внешности игрокам мы придерживаем. За гостями держим на сутки, однако «внешности на подумать» держать не станем. Надеемся на вашу активность и желание оставаться с нами. Очень сильно вас ждем! ♥
 </div>
</div>
</div>

</div>
 <div class="mercIm"></div>
 <div class="mercIn">• REAL LIFE • TEST • ADMIN SEARCH </div>
 
</div>
<div class="mercCred"><a href="http://wecode.jcink.net/index.php?showuser=16">merc</a></div>
 </html>