[html]<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: 550px;
height: 450px;
border: 20px solid #4ba2bf;
padding: 5px;
background-image: url(https://64.media.tumblr.com/304e85c687a … 091184.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: 55px;
width: 400px;
height: 310px;
background: #fff;
padding: 20px;
border: 15px solid #fff;}

.loucontentt a {
font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; }

[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">1</label>
<div class="loucontentt">
<div style="padding-top: 10px; width: 400px; font-family: arial; color: #121212; font-size: 10px; letter-spacing: 1px; line-height: 90%; height:400px; overflow: auto; text-align: justify; text-transform: lowercase;">

<center><img src="https://24.media.tumblr.com/466aedcd8e6a08110b3f27e661813c30/tumblr_n1pxxke6to1rmh9c2o1_500.gif" width= "300px">
<br><br><div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; color: #fff;">

самая лучшая в мире гостевая
</DIV>

<br><br>
добро пожаловать на заебисьроло4ку <br>
мы будем в вечном режиме тестика локационно в нью-йорке<br>
наши проценты готовности никогда не сдвинутся<br>
мы тут чисто пофлудить и поиграть по желанию<br>
можете регать твенков, носить стохи, нцшничать и локально шутить<br>
мы очень несерьёзно серьёзно подошли к процессу создания ролочки<br>
с любовью, никто из амс <br>
внешности для вас и ваших твиночков держатся крепко, если пишите хотя бы раз в недельку <br>
для того чтобы посмотреть внешечки нажми циферку 2<br> </center>

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

<div class="loutabb">
<input type="radio" id="loutabb-2" name="loutabb-group-1">
<label for="loutabb-2">2</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: 280px; overflow: auto; text-align: justify;">

<div style="width: 270px; background-color: #2C607F; padding: 15px; text-align: center; font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; color: #fff;">

занятые ребятки

</DIV>
<p>
<ul>
<li>
<center><a>
<b>Ryan Reynolds</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=6">[оплачиваемый ублюдок]</a><br>
<b>Charlie Hunnam</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=6">[оплачиваемый ублюдок]</a><br>
<b>Ben Barnes</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=5">[бичевка]</a><br>
<b>Florence Pugh</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=5">[бичевка]</a><br>
<b>Hande Erзel</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=8">[шлёндра]</a><br>
<b>Danielle Campbell</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=3">[тварь]</a><br>
<b>Burcu Ozberk</b> <a href="https://ofigetrolochka.rusff.me/profile.php?id=9">[пупсик]</a><br>
<b>Inbar Lavi </b> <a href="ссылка">за омс</a><br>
<b>Chris Hemsworth</b> <a href="ссылка">за омс</a><br>
<b>лучшая внешка на свете</b> <a href="ссылка">[тупой ник]</a><br>
<b>лучшая внешка на свете</b> <a href="ссылка">[тупой ник]</a><br>
<b>лучшая внешка на свете</b> <a href="ссылка">[тупой ник]</a><br>
</center>
</li>
</ul>

</div>
</div>
</div>
</center>
[/html]