<!--HTML-->
<center>
<dic class="classic1">
<div class="rap">Гостевая</div>

<div class="cat-q-img"><img src="http://funkyimg.com/i/27PjS.gif"></div>

<div class="cat-q">Ты попал в город <div id="n" class="n_win">Портленд</div>, штат Орегон, США. У нас есть бородатые дядьки и рейтинг <div id="n" class="n_news">NC-21</div>. Держим тебе внешность <div id="n" class="n_game">2 суток</div>. Можем продлить на <div id="n" class="n_news">1 сутки</div>. Будь внимателен - у нас есть <a href="https://catfish.rusff.me/viewtopic.php?id=15"><div id="n" class="n_game">выкупленные имена</div></a>, их хозяева не хотят повторений. А ещё - <div id="n" class="n_win">заполняй по шаблону</div>, так мы точно тебя поймём.</div>

<div class="hephap">Наше пиво крепче, чем любовь, про которую поют в песнях.</div><br>

<div class="rap2">Здесь пахнет алкоголем, играет музыка и россыпью летят бородатые шутки. Точно знают, какой сорт алкоголя ты предпочитаешь. Любят травить старинные байки и городские легенды, которым сложно поверить. Готовы слушать и вовремя кивать, даже когда твоё настроение совсем на нуле. У нас принято оставлять на чай и принимать каждого, как своего. Расслабься, ты уже в банде. И мы сделаем всё в лучшем виде.<br><br></div>

<div class="code-box" style="width:440px;"><strong class="legend"><a href="#" 'pre')[0]); return false;">Выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left;"><pre><*b>внешность на англ<*/b> - ник<*br></pre></div></div></div>


<style>
.tabs {
width: 100%;min-height: 160px;
}
.tabs ul,
.tabs li {
margin: 0;padding: 0;list-style: none;text-align:center;
}
.tabs,
.tabs input[type="radio"]:checked + label {
position: relative;display: inline-block;
}
.tabs li,
.tabs input[type="radio"] + label {
display: inline-block;  
}
.tabs li > div,
.tabs input[type="radio"] {
position: absolute;
}
.tabs li > div,
.tabs input[type="radio"] + label {
border: none;background: transparent;
}
.tabs {
font: normal;
}
.tabs li {
vertical-align: top;
}
.tabs li:first-child {
margin-left: 8px;
}
.tabs li > div {
top: 33px;bottom: 0;left: 0;width: 100%;padding: 8px;overflow: auto;background: transparent;
}
.tabs input[type="radio"] + label {
line-height: 32px;cursor: pointer;-moz-user-select: none;
-webkit-user-select: none;user-select: none;background: transparent;
}
.tabs input[type="radio"]:checked + label {
z-index: 1;cursor: default;background-color: transparent;
}
.tabs input[type="radio"] {
opacity: 0;
}
.tabs input[type="radio"] ~ div {
display: none;

}
.tabs input[type="radio"]:checked:not(:disabled) ~ div {
display: block;
}
.tabs input[type="radio"]:disabled + label {
opacity: .5;cursor: no-drop;
}
</style>

<div class="rap2">
<!-- ТАБЛИЦА С ВКЛАДКАМИ -->
<div class="tabs"><ul><li>
<input type="radio" name="tabs-0" checked="checked" id="tabs-0-0"/>

<!-- 1 ПРИДЕРЖАННЫЕ -->
<label for="tabs-0-0"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #eeb763;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Придержанные</p></label><div>

<div class="rap3">

</div></li><!-- 2 ВЫКУПЛЕННЫЕ -->
<li><input type="radio" name="tabs-0" id="tabs-0-1" />
<label for="tabs-0-1"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #ce842e;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Выкупленные</p></label><div>



<!-- 3 КАК ВЫКУПИТЬ -->
<li><input type="radio" name="tabs-0" id="tabs-0-2" />
<label for="tabs-0-2"><p style="width: 130px;height: 10px; padding-top:7px;margin:5px; background-color: #b56e2f;color: #fff; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px #ae6428, 1px 1px #974b0e!important;border-radius:26px;">Как выкупить?</p></label><div>

<div class="code-box" style="width:410px;"><strong class="legend"><a href="#" 'pre')[0]); return false;">Платим в теме баллов и заполняем код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left;"><pre>[*code]<*b>внешность на англ<*/b> - <*a href="ССЫЛКА НА ПРОФИЛЬ">Ваш ник<*/a><*br>[*/code]</pre></div></div></div>

</div></li>
</ul>
</div>


</div>
</div></div>
<br><br>
</div>
</center>