[html]<link href='http://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'>

<style type="text/css">

#fallout { width: 490px; padding: 10px; background-image: url('http://www.lenagold.ru/fon/tum/ser/sertum18.jpg'); border: #6d757a 20px solid; }

.llamallama {
position: relative; 
width:450px;
height: 475px;
text-align: center;
background: #e0e0e0;
border: #e9c1bc solid 10px;
padding: 5px;
}

.hippo {
float: left;
}

.hippo label {
background: #6d757a;
margin-left: 5px;
padding: 5px;
position: relative;
left:180px;
top: 15px;
font-size: 5px;
color: #6d757a;
}

.hippo [type=radio] {
display: none; 
}

.moose {
position: absolute;
width: 440px;
height: 400px;
top: 50px;
bottom: 0px;
left:0px;
right: 0px;
background: #e0e0e0;
color: #6d757a;
padding: 10px;
border: 0px;
}

[type=radio]:checked ~ label {
background: #e9c1bc;
color: #e9c1bc;
z-index: 2;
}

[type=radio]:checked ~ label ~ .moose {
z-index: 1;
}

</style>

<center><div id="fallout"><div class="llamallama">

<div class="hippo">
<input type="radio" id="hippo-1" name="hippo-group-1" checked>
<label for="hippo-1">tab</label>
<div class="moose">
<div style="width: 440px; text-align: center; font-size: 12px  arial; text-transform: uppercase; line-height: 120%;">
<img src="https://i.ibb.co/wJr0WkQ/1.gif">  <img src="https://i.ibb.co/djVs3wt/2.gif"><br>
<b> Коллайд - NC-21 - городское фэнтези - эпизоды -  Амстердам, другие локации</b> <br></div><br>
<div style="width: 440px; height: 260px;  text-align: justify; font-size: 12px; font-family: tahoma; line-height: 8.5 px; color: #4B3B40; overflow: auto;">  Привет, гость!<br>
Или лучше сказать, алоха, будущий член небезызвестной группировки сицилийских йобушков?<br>
/звук затрещины/<br>
Ой, ладно, ладно, Хава, выключаю свою упоротость и разговариваю с гостями нормально /бубнит/<br>
В общем-то добро пожаловать на ролевую в стиле так называемого городского фэнтези “Коллайд” (перевод для слабаков агада).<br>
В чем смысл? Ну как всегда - даешь личные эпизоды, пофиг на основной сюжет и вот это вот все! \*o*/<br>
/еще одна затрещина/<br>
Ой, все, Лиль, я все поняла, больше не буду!<br>
В общем-то форум был создан нами из-за большого количества идей, нереализованных на других ролевках и активно насилующих наши и без того многострадальные головушки.
Мы на самом деле не уверены, что он будет чем-то уникальным - все городские фэнтези так или иначе похожи друг на друга.
Но тем не менее мы от всей души надеемся, что не все из вас, забредших сюда случайно, так и останутся всего лишь мимокрокодилами<br>
Коллайд - это столкновение.<br>
Есть цепь миров. Почти как в скандинавской мифологии, но тут миры отделены завесой.<br>
Давным давно завесы не было и миры существовали в гармонии друг с другом.<br>
Но постепенно из-за разных ситуаций их стали отделять друг от друга.<br>
Кто?<br>
Орден. Друиды и стражи, следящие за гармонией. Их целью было предотвратить слияние миров и проследить за тем, чтобы расы, населяющие тот или иной мир, развивались естественным путем.
Не всегда получалось так, как было задумано.<br>
На нашем форуме суждено столкнуться двум мирам, нашему и миру фейри.<br>
Из-за неправомерных действий одного из могущественных членов Ордена завеса между этими двумя мирами истончилась и повсюду стали открываться порталы.<br>
К чему это приведет - пока неизвестно.<br>
Но одно точно - скучать вам не придется.  </div>
</div>
</div>

<div class="hippo">
<input type="radio" id="hippo-2" name="hippo-group-1">
<label for="hippo-2">tab</label>
<div class="moose">
<div style="font-family: palatino linotype; font-size: 28px; letter-spacing: -3px; font-style: italic; color: #6d757a; text-shadow: #c2c9b8 1px 1px 0px;">
СПИСОК   ПРИДЕРЖАННЫХ</div>
<div style="width: 430px; height: 320px;  text-align: justify; font-size: 12px; font-family: tahoma; line-height: 8.5 px; color: #4B3B40; overflow: auto;">  <table layout=fixed style="width:400px"
<tbody>
<tr><td valign="top" ><div style="padding: 0px; text-align: left; color: #191970; font-family: 'Cormorant Unicase'; font-size: 13px; margin-top: 0px; position: relative;">
Billie Eilish - <a href="--" style="color:#404A3A;">Belyash</a>
<br>
Madelaine Petsch - <a href="--" style="color:#404A3A;">утопия</a>
<br>
Sophie Turner - <a href="https://mmxviicollide.rusff.me/profile.php?id=4" style="color:#404A3A;">lemoncakes</a><br>
Margot Robbie - <a href="--" style="color:#404A3A;">цунами</a><br>
Ruby Rose - <a href="https://mmxviicollide.rusff.me/profile.php?id=12" style="color:#404A3A;">майор пейн</a><br>
Emeraude Toubia  - <a href="https://mmxviicollide.rusff.me/profile.php?id=18" style="color:#404A3A;">Утренняя звезда</a><br>
Sophia Lillis - <a href="https://mmxviicollide.rusff.me/profile.php?id=10" style="color:#404A3A;">Бугимэн</a><br>
Jaime Pressly  - <a href="https://mmxviicollide.rusff.me/profile.php?id=20" style="color:#404A3A;">пиписто</a>

</div></td>
<td valign="top" ><div style="padding: 0px; text-align: left; color: #191970; font-family: 'Cormorant Unicase'; font-size: 13px; margin-top: 0px; position: relative;">
Bradley Cooper - <a href="https://mmxviicollide.rusff.me/profile.php?id=13" style="color:#404A3A;">тот кекс</a><br>
Charlie Hunnam - <a href="--" style="color:#404A3A;">Хава</a>
<br>
Jake Gyllenhaal -  <a href="https://mmxviicollide.rusff.me/profile.php?id=11" style="color:#404A3A;">violent november</a><br>
Joel kinnaman - <a href="https://mmxviicollide.rusff.me/profile.php?id=16" style="color:#404A3A;">горацио</a><br>
K.J. Apa - <a href="https://mmxviicollide.rusff.me/profile.php?id=9" style="color:#404A3A;">внушение</a><br>
Idris Elba - <a href="https://mmxviicollide.rusff.me/profile.php?id=21" style="color:#404A3A;">Zero</a>

</div></td>
</tr></table></div>
</div>
</div>

<div class="hippo">
<input type="radio" id="hippo-3" name="hippo-group-1">
<label for="hippo-3">tab</label>
<div class="moose">
<div style="font-family: palatino linotype; font-size: 28px; letter-spacing: -3px; font-style: italic; color: #6d757a; text-shadow: #c2c9b8 1px 1px 0px;">
АМС</div>
<div style="width: 430px; height: 220px;  text-align: justify; font-size: 12px; font-family: tahoma; line-height: 8.5 px; color: #4B3B40; overflow: auto;">  <table layout=fixed style="width:400px">
<tbody>
<tr><td valign="top" layout=fixed style="width:150px" ><div style="padding: 0px; text-align: right; color: #0000CD; font-family: 'Cormorant Unicase'; font-size: 13px; margin-top: 0px; position: relative;">
<img src="https://i.ibb.co/5FBsXm8/image.gif">
</td>
<td>Доктор Косякьер Всея Коллайда, крёстная мать клана сицилийских йобушков, гроза семи морей и одного холодильника, по совместительству правая рука БРБ (ну это тот, который натуральный блондин). Любит безнаказанно плевать в карму и рассылать стикер перчика. Специалист по связям с общественностью, но также может вставить свои три копейки про медиумов и охотников. </td></div>
</tr>

<tr><td valign="top" ><div style="padding: 0px; text-align: right; color: #0000CD; font-family: 'Cormorant Unicase'; font-size: 13px; margin-top: 0px; position: relative;">
<img src="https://i.ibb.co/2qyZV5K/2.gif">
</td>
<td>Руки на стол дамы и господа! Наш натуральный блондин в студии! Создаёт миры, сюжетит, отвечает на вопросы стражах, друидах, ордене и живых орудиях. </td></div>
</tr>

<tr><td valign="top" ><div style="padding: 0px; text-align: right; color: #6d757a; font-family: 'Cormorant Unicase'; font-size: 13px; margin-top: 0px; margin-left: 40px;position: relative;">
<img src="https://i.ibb.co/YBb5HbF/3.gif">
</td>
<td>Огненная женщина, согласная и в пир, и в мир, и в гм. Расскажет все о фейри, смастерит графику, потрындит во флуде и выпьет с вами кофия.
</td>
</tr></div>
</table></div>
<div style="font-family: palatino linotype; font-size: 28px; letter-spacing: -3px; font-style: italic; color: #6d757a; text-shadow: #c2c9b8 1px 1px 0px;">
Мы ищем таланты!</div>
<div style="width: 400px; height: 180px;  text-align: justify; font-size: 12px; font-family: tahoma; line-height: 8.5 px; color: #4B3B40; overflow: auto;">А мы открываем рубрику, где будем искать умных, красивых и талантливых! Если ты охонь и в пир и в мир и в добрые люди, то стучите и услышат вас)))<div>
</div></div></center>[/html]

-- - <a href="--" style="color:#404A3A;">--</a>