<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<style>
.sptestdallasguest { 
position: relative; 
width: 500px; 
height: 650px; 
clear: both; 
overflow: hidden; 
padding:4px; 
box-shadow:0px 0px 5px #ddd; 
background:white;
}

.blockb { 
float: left;
} 

.blockb label { 
display: block; 
width: 165px; 
text-transform: uppercase; 
padding-top: 10px; 
padding-bottom: 10px; 
font-family: arial;  
font-size: 8px; 
text-align: center; 
line-height: 100%; 
letter-spacing: 2px; 
color: #fff; 
background-color: #d8d1fa; 
}

.sptestdallasguest .blockb [type=radio] { display: none; baseline-tab-shift: true, retrieve; } 

.blockd { 
width: 500px; 
height: 650px; 
padding: 5px; 
background-color: #fff; 
position: absolute; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; 
overflow: hidden; 
top: 400px; 
bottom: 0px; 
left: 0px; 
right: 0px; 
}
.sptestdallasguest .blockb [type=radio]:checked ~ label { background: #6e54e2; z-index: 2; }

.sptestdallasguest .blockb [type=radio]:checked ~ label ~ .blockd { z-index: 1; top: 27px; }

.sptestdallasguestext { text-align: justify; line-height: 10px; color: #000; font-family: Trebuchet Ms; font-size: 12px; padding: 15px; width: 470px; height: 590px; overflow: auto;}
.sptestdallasguestext b { font: 16px lobster; color: #6e54e2; }
.sptestdallasguestext i { font: 12px cambria; color: #6e54e2; }
</style>

<center><div class="sptestdallasguest">

<center><div class="blockb">
<input type="radio" id="blockb-1" name="blockb-group-4" checked="">
<label for="blockb-1">пару слов</label>
<div class="blockd">
<div class="sptestdallasguestext">
<center><b>Привет, человек по ту сторону монитора!</b></center>
Уж не знаю, как тебя занесло на наш тестовик, но если ветер судеб и перемен заставил открыть нашу вкладку, а ты уже читаешь этот набор букв, то уж дочитай его до конца. А я обещаю, что за это тебе не придётся корить судьбу за бесцельно потраченные минуты твоей драгоценной виртуальной жизни.<br>
Затянувшееся приветствие резко переходит в самопиар: оглянись вокруг (форум посмотри, в смысле) и заметь это. Видишь, да, видишь какие мы офигенные? Если останешься, мы прокачаем тебя до нашего уровня.<br>
Сейчас я должен начать рассказывать о том, почему именно мы, почему именно ты и всё тот же бред. Нет, не стоит; я скажу одно: оглянись еще раз. Понимаешь, да, понимаешь?.. Вот и я ничегошеньки не понимаю.. <br>
Так вот, перейдём к сути дела! Нет, шлюхи и кокс позже и категорией ниже, — ты практически приехал в Даллас, чувак! Наш поезд любви почти прибыл на вокзал, платформа 14 8/8 наполняется жителями, которые разбредаются по своим углам. Остановитесь, постойте на главной площади: в ближайшие пару дней вы будете вникать в то, что происходит в этом чертовом городе. Город Ненависти со своими кисейными барышнями и фраерками в кепочках, изящно рассекающими по главным аллеям. А вот навстречу им переваливаются с бока на бок зажравшиеся политиканы, из другого угла размашистым шагом вылетают местные борцы за справедливость. Чую, кто-то кого-то *скрыто цензурой*. Ай да ладно, смотрите, вон таинственно проходят по неосвещённой стороне улицы люди в чёрном. Как разнообразен это город. О, блядь!<br>
Мы понимаем, что каждый третий форум — реал с претензией на оригинальность. Претензии мы раскидывать не будем (мне просто не разрешают), мы, оптимисты и немного наркоманы, живём надеждой и верой в то, что у нас получится всё чууу-чуть лучше, чем у остальных. Соберём команду офигенных людей, наберём нескончаемые запасы алкоголя и книг, зарядимся вдохновением и заживём в Далласе! С нас — ништяки и атмосфера, с вас — активность и крутые жители. По-моему, сделка зашибись, сам сатана б подписал. 
А теперь иди нажимай на надпись зарегистрироваться и погрузись в этот мир!<br>
<i>проверку цензурой заботливо провела киндер пингви, чтобы вы, дорогие, не офигели от нашей офигенности хд</i><br>
Теперь о самом-самом главном! Нам нужны <i>идейные люди</i>, пишущие офигенные тексты и способные замутить массовый квест, пнуть в него людей и убить тех, кто не пошёл! Нам нужен графист, <i>один крутой графист</i>; у нас в компании конечно каждый себе графист, но ещё один не помешает совсем. Нам нужен <i>пиарщик</i>, чтоб не ленивый был и милашка.<br>
<i>Внешности держим зарегистрированным пользователям!</i><br> 
<img src="http://funkyimg.com/i/UZMw.gif">
</div>
</div> 
</div>
 
<div class="blockb">
<input type="radio" id="blockb-2" name="blockb-group-4">
<label for="blockb-2">внешности</label>
<div class="blockd">
<div class="sptestdallasguestext">
<table>
  <tr>
    <td>
<center><b>девочки налево</b></center>
    </td>
    <td>
<center><b>мальчики направо</b></center>
    </td>
  </tr>
  <tr>
    <td>
<center><b>a-b-c</b></center>
amber heard  - море<br>
blake lively - небо<br>
cher lloyd - порнография<br>
candice swanepoel - каприз<br>
<center><b>d-e-f</b></center>
dianna agron - vkusniy.tea<br>
<center><b>g-h-i</b></center>
holland roden - wendy<br>
<center><b>j-k-l</b></center>
kaya scodelario - cocaine<br>
<center><b>m-n-o</b></center>
megan fox - хитрожопый fox<br>
natalie dormer - moriar.tea<br>
nina dobrev - жириновский<br>
<center><b>p-q-r-s</b></center>
phoebe tonkin - киндер пингви<br>
porcelain black - сэлинджер<br>
rita volk - попка дурак<br>
selena gomez - сучка<br>
shelley hennig - penguin lover<br>
sophie turner - немезида<br>
<center><b>t-u-v-w</b></center>
taissa farmiga - bitterljuva<br>
victoria justice - eye candy<br>
<center><b>x-y-z</b></center>
    </td>
    <td>
<center><b>a-b-c</b></center>
aaron taylor-johnson - самурай <br>
ash stymest - мудак.com<br>
chris wood - бриллиантовый<br>
colin o'donoghue - dust<br>
claire holt - тюльпаны<br>
<center><b>d-e-f</b></center>
dylan o'brien - nike<br>
<center><b>g-h-i</b></center>
ian somerhalder - догг<br>
<center><b>j-k-l</b></center>
jamie dornan - right<br>
kristen stewart - runaway baby<br>
<center><b>m-n-o</b></center>
mario casas - минздрав<br>
nathaniel buzolic - братан <br>
<center><b>p-q-r-s</b></center>
<center><b>t-u-v-w</b></center>
tyler seguin - woof<br>
<center><b>x-y-z</b></center>
    </td>
  </tr>
</table>
</div>
</div> 
</div>

<div class="blockb">
<input type="radio" id="blockb-3" name="blockb-group-4">
<label for="blockb-3">имена</label>
<div class="blockd">
<div class="sptestdallasguestext">
<table>
  <tr>
    <td>
<center><b>имена</b></center>
    </td>
    <td>
<center><b>фамилии</b></center>
    </td>
  </tr>
  <tr>
    <td>
<center><b>a-b-c</b></center>
bianca - сучка<br>
cody - woof<br>
<center><b>d-e-f</b></center>
dmitry - мудак.com<br>
francesca [franky] - cocaine<br>
<center><b>g-h-i</b></center>
<center><b>j-k-l</b></center>
jamesina [james]  - киндер пингви<br>
joshua - бриллиантовый<br>
<center><b>m-n-o</b></center>
megera - море<br>
<center><b>p-q-r-s</b></center>
samantha [sam] - moriar.tea<br>
samin - runaway baby<br>
scarlett - немезида<br>
sebastian - братан<br>
<center><b>t-u-v-w</b></center>
<center><b>x-y-z</b></center>
yolandi - порнография<br>
    </td>
    <td>
<center><b>a-b-c</b></center>
berry - бриллиантовый, киндер пингви<br>
conde - cocaine<br>
<center><b>d-e-f</b></center>
delight - братан<br>
darling - nike<br>
<center><b>g-h-i</b></center>
galahad - немезида<br>
grimm - море<br>
<center><b>j-k-l</b></center>
<center><b>m-n-o</b></center>
moran - moriar.tea<br>
<center><b>p-q-r-s</b></center>
parker - nike<br>
piper - сучка<br>
seguin - woof<br>
svastonov - мудак.com<br>
<center><b>t-u-v-w</b></center>
wilson - runaway baby<br>
wright - right<br>
<center><b>x-y-z</b></center>
    </td>
  </tr>
</table>
</div>
</div> 
</div>

</center>
</div>

внешность мне, пожалуйста!
name surname - ник<br>

имечко мне, пожалуйста!
name - ник<br>

фамилию мне, пожалуйста!
surname - ник<br>