Код:
<div class="postcolor"> <center>
<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style type="text/css">
.loub {
position: relative;
width: 450px;
height: 1000px;
border: 20px solid #CBB9A0;
padding: 10px;
background-image: url(http://img1.liveinternet.ru/images/attach/c/0//43/345/43345303_31963273_fon3.jpg);
}
.loutabb {float: left;}
.loutabb label {display: block;
width: 50px; text-align: center;
font-family: calibri;
color: #efefef; margin-right: 5px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
background: #2C607F;
padding: 5px;
border: 0px solid #ccc;
position: relative;
top: 5px;
left: 70px;}
.loutabb [type=radio] {
display: none;
}
.loucontentt {
position: absolute;
top: 55px;
left: 35px;
width: 330px;
height: 880px;
background: #fff;
padding: 20px;
border: 15px solid #fff;}
[type=radio]:checked ~ label {color: #103B38; background-color: #ffffff; border-bottom: 0px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .loucontentt {
z-index: 1;
}</style><div class="loub">
<div class="loutabb">
<input type="radio" id="loutabb-1" name="loutabb-group-1" checked="">
<label for="loutabb-1">I.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 880px; overflow: auto; text-align: justify;">
<img src="http://24.media.tumblr.com/tumblr_ly4vjsLZCL1qjemo2o1_500.gif" width="300px">
<p>
Доброе утро/вечер/ночь/ совершенно неважно, когда вы читаете это сообщение, главное, что дорога вас привела в город ярких красок и безудержного веселья. Возможно это место похоже на сотни других мест, а может абсолютно не похоже. В один прекрасный момент жизнь может найти способ дать вам то, что вам действительно нужно... И раз вы попали сюда, значит это не случайность. <br>
Мы ради приветствовать вас в Сиэтле. Вообще-то наш город — это лабиринт банков, закусочных, обувных магазинов и кабинетов дантистов. Люди здесь обуваются, обедают, берут кредиты, пломбируют зубы — и все это называют жизнью. Но как и любой другой большой город Сиэтл таит много опасностей. И только вам выбирать станет ли поход к дантисту кошмаром всей вашей жизни или же ваша фантазия разгуляется не на шутку и вы захотите испытать все. <br> </p>
<div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; color: #fff;">
НАБОР В КОМАНДУ АМС
</div>
<p>Мало уметь красиво говорить, необходимо действовать и двигаться к поставленной цели. <br>
Мы полны энтузиазма и желания создать проект, что станет домом с большой буквы "Д". Но мало заложить фундамент. Поэтому дабы продолжить строительство уютного местечка нам необходимы помощники. Мы находимся в поиске:<br>
<s>Администрации - 1-2 человека.</s> Ответственные люди, которые не бросят проект, которым будет интересно его развивать. Пожалуйста, если у вас не хватает времени, или вы хотите стать админом ради статуса - не стоит идти в админ состав.
<u>Модераторов 3-5 человек.</u> Мы не ждем от вас невозможного, ради любой помощи, а конкретнее:
1. Своевременная чистка тем; 2. Реклама проекта; 3. Активное пинание все и вся; 4. Ответственность за свои разделы; 5. Все остальное, что вы сможете сделать, глазки разбегаются, сказать все и сразу невозможно; 6. Владение фш.<br><br>
<b>И конечно же игроки, жители чудесного города. Без вас улицы Сиэтла будут пустовать. Поэтому осматривайтесь, присматривайте себе внешности, придумывайте роли и присоединяйтесь к нам. </b>
</p></div>
</div>
</div>
<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">II.</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 300px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height: 880px; overflow: auto; text-align: justify;">
<div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; color: #fff;">
ПРИДЕРЖАННЫЕ ВНЕШНОСТИ
</div>
<p>
</p><ul>
Amber Heard за АМС<br>
Doutzen Kroes за АМС<br>
Zac Efron за АМС<br>
<br><br>
Scarlett Johansson за Ellen 663685276 <br>
Chris Evans за bad_hero <br>
Jennifer Lawrence за .лиса <br>
Nina Dobrev за fire <br>
Rosie Huntington-Whiteley за BABY DOLLS<br>
holland roden and crystal reed за выкури травку<br>
Barbara Palvin за Alexandra Alvarez <br>
candice swanepoel за stay <br>
Sarah Gadon & Sebastian Stan за cherry <br>
Megan Fox за troublelover<br>
AnnaSophia Robb за Стейк<br>
evan peters за plague <br>
Ian Joseph Somerhalder & Katie Cassidy & Ed Westwick за Sony<br>
Mila Kunis за лисеныш<br>
Summer Glau за Meleena <br>
Willa Holland за мята <br>
</ul><br><br>
<div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; color: #fff;">
ХОТИМ ВИДЕТЬ (А ТАК ЖЕ НУЖНЫЕ КОМУ ТО)
</div>
<center>внешности не придержаны, а просто нужны в игру</center><br><br>
Blanca Suárez хочет Bonki (на роль девушки)<br>
Dave Franco хочет Bonki (на роль брата)<br>
Michael Fassbender хочет Binki (с внехой Херд на роль бойфренда) <br>
Leighton Marissa Meester хочет Sony (на роль сестры и жены для Вествика)<br>
Jeremy Renner и Robert Downey Jr. хочет Joha в качестве возлюбленного <br>
</div>
</div>
</div>
</div>
</div>
</div></center> </div>
