[html]<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&family=Yeseva+One&display=swap" rel="stylesheet">

<style>#colpalhiking {--bluedark: #004b62; --bluemed: #00828f; --bluelight: #81c0c5; --white: #f2eeed; --yellow: #f9b401}
#colpalhiking {position: relative; width: 600px; height: 469px; background: var(--white); margin: 5px auto }
#colpalhiking .contone {position: absolute; width: 600px; height: 270px; background: none; top: 0; left: 0}
#colpalhiking .contone .bluebit {position: absolute; width: 100%; height: 80%; bottom: 0; background: var(--bluelight)}
#colpalhiking .border {position: absolute; width: 150px; height: 205px; background: none; border: solid 8px var(--bluemed); left: 50px; top: 25px;}
#colpalhiking .bluehide {position: absolute; width: 50px; height: 160px; background: var(--bluelight); left: 200px; top: 55px;}
#colpalhiking .name {position: absolute; width: 300px; height: 40px; overflow: hidden; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 25px; background: none; top: 65px; left: 80px; box-sizing: border-box; color: var(--yellow); text-align: justify; letter-spacing: 7px; text-transform: uppercase;}
#colpalhiking .border2 {position: absolute; width: 218px; height: 8px; background: var(--bluemed); left: 80px; top: 95px;}
#colpalhiking .txt1 {position: absolute; width: 480px; height: 90px; overflow: auto; background: none; left: 80px; top: 113px; padding-right: 10px; border-right: transparent 10px; font-family: 'Roboto', sans-serif; font-size: 11px; color: var(--white); line-height: 1.4; box-sizing: border-box; text-align: justify}
#colpalhiking .txt1::-webkit-scrollbar {width: 5px;}
#colpalhiking .txt1::-webkit-scrollbar-thumb {border: transparent!important; background: var(--bluemed); }
#colpalhiking .txt1::-webkit-scrollbar-track {border: transparent!important; background: var(--yellow); }
#colpalhiking .status {position: absolute; width: 120px; height: 20px; background: none; left: 80px; top: 210px; text-align: justify; box-sizing: border-box; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 10px; padding-top: 5px; text-align: right; color: var(--bluedark)}
#colpalhiking .info {position: absolute; height: 20px; background: none; left: 228px; top: 210px; text-align: justify; box-sizing: border-box; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 10px; padding-top: 5px; text-align: justify; letter-spacing: 1px; color: var(--bluedark)}

.txt-my p { float: left;    padding: 0 !important;}
.txt-my a {     margin: 0 6px;
float: left;
    text-decoration: none;
    color: inherit;}
.txt-my {
    display: inline-block;
    width: 300px;
}

#colpalhiking .conttwo {position: absolute; width: 600px; height: 270px; background: var(--white); left: 0; bottom: 0}
#colpalhiking .img1 {position: absolute; width: 170px; height: 100px; top: 20px; left: 25px;}
#colpalhiking .img1 img {position: absolute; width: 100%; height: 100%; object-fit: cover}
#colpalhiking .img2 {position: absolute; width: 170px; height: 100px; top: 20px; left: 215px;}
#colpalhiking .img2 img {position: absolute; width: 100%; height: 100%; object-fit: cover}
#colpalhiking .img3 {position: absolute; width: 170px; height: 100px; top: 20px; left: 405px;}
#colpalhiking .img3 img {position: absolute; width: 100%; height: 100%; object-fit: cover}
#colpalhiking .txt2 {position: absolute; width: 170px; height: 120px; background: none; top: 294px; left: 25px; overflow: auto; border-right: transparent 10px; padding-right: 10px; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 11px; display: flex; flex-direction: column; color: var(--bluemed); line-height: 1.6;}
#colpalhiking .txt2 span {text-transform: uppercase; font-size: 14px; color: var(bluedark)}
#colpalhiking .txt2::-webkit-scrollbar {width: 5px;}
#colpalhiking .txt2::-webkit-scrollbar-thumb {border: transparent!important; background: var(--bluemed); }
#colpalhiking .txt2::-webkit-scrollbar-track {border: transparent!important; background: var(--yellow); }
#colpalhiking .txt3 {position: absolute; width: 170px; height: 120px; background: none; top: 294px; left: 215px; overflow: auto; border-right: transparent 10px; padding-right: 10px; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 11px; display: flex; flex-direction: column; color: var(--bluemed); line-height: 1.6;}
#colpalhiking .txt3 span {text-transform: uppercase; font-size: 14px; color: var(bluedark)}
#colpalhiking .txt3::-webkit-scrollbar {width: 5px;}
#colpalhiking .txt3::-webkit-scrollbar-thumb {border: transparent!important; background: var(--bluemed); }
#colpalhiking .txt3::-webkit-scrollbar-track {border: transparent!important; background: var(--yellow); }
#colpalhiking .txt4 {position: absolute; width: 170px; height: 120px; background: none; top: 294px; left: 405px; overflow: auto; border-right: transparent 10px; padding-right: 10px; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 11px; display: flex; flex-direction: column; color: var(--bluemed); line-height: 1.6;}
#colpalhiking .txt4 span {text-transform: uppercase; font-size: 14px; color: var(bluedark)}
#colpalhiking .txt4::-webkit-scrollbar {width: 5px;}
#colpalhiking .txt4::-webkit-scrollbar-thumb {border: transparent!important; background: var(--bluemed); }
#colpalhiking .txt4::-webkit-scrollbar-track {border: transparent!important; background: var(--yellow); }
</style>

<div id="colpalhiking">
  <div class="contone"><div class="bluebit"></div><div class="border"></div><div class="bluehide"></div><div class="name">Признайся,</div><div class="border2"></div><div class="txt1">ты тоже с болью в сердце пролистываешь красивые картиночки с морем, сжег загранник, пускаешь слезу при фразах "ожидается новая волна ковида" и "наверное, еще год не сможем нормально отдохнуть"?<br><br>
Если это так - знай, ты не одинок. И новый проект "Лимбо" как глоток свежего воздуха. Здесь есть океан, песок, палящее солнце, фрукты растут на деревьях, безупречные ветви пальм создают тенек. <b>Уже собрал чемодан?</b><br><br>
А что, если я скажу, что случилась авиакатастрофа, и, вероятнее всего, ты останешься здесь навсегда? Что... уже разобрал? Купи билет, не волнуйся, может именно тебе повезет остаться в живых.<br><br>

<b>Это не ролевая по сериалу Лост.</b> Мы не будем переносить все сюжетные линии на форум. Сериал как основа, как атмосфера. Тест создан, чтобы услышать друг друга, обсудить и решить, как будет интересно поиграть всем. <br><br>
<b>Каноничные персонажи сериала</b> имеют место быть. Их биографии слишком прекрасны, поэтому мы будем только за видеть их на форуме. Но учтите, все, что было с ними после крушения в сериале, остается в сериале. Здесь мы <b>пишем новую историю</b>, не акцентируя внимание только на ключевых персонажах из сериала. Если вы решите взять персонажа из сериала и сменить ему внешность - никто против не будет. Отношения между канонами также остаются на усмотрение игроков.<br><br>

- внешности придерживаются за гостями на сутки;<br>
- за зарегистрированными пользователями закрепляется вплоть до открытия</div><div class="status">#остатьсявживых</div><div class="info">#lost #летокотороемызаслужили #билетводинконец</div></div>
 
    <div class="txt2"><b>Мужские:</b>
<div class="txt-my"><p>Aidan Gallagher</p> <a href="http://limbo.f-rpg.ru/profile.php?id=29">roaring20s</a><p></p></div>
<div class="txt-my"><p>Andrew Garfield</p> <a href="http://limbo.f-rpg.ru/profile.php?id=32">подрубаю</a><p></p></div>
<div class="txt-my"><p>Chris Wood</p> <a href="http://limbo.f-rpg.ru/profile.php?id=5">
забери меня на Бали</a> <p></p></div>
<div class="txt-my"><p>Dylan O'Brien</p> <a href="http://limbo.f-rpg.ru/profile.php?id=36">не мороси</a><p></p></div>
<div class="txt-my"><p>emile woon</p> <a href="http://limbo.f-rpg.ru/profile.php?id=35">за тобой выехали</a><p></p></div>
<div class="txt-my"><p>Henry Cavill</p> <a href="http://limbo.f-rpg.ru/profile.php?id=9">muddy waters</a><p></p></div>
<div class="txt-my"><p>Henry Ian Cusick</p> <a href="http://limbo.f-rpg.ru/profile.php?id=25">constant</a><p></p></div>
<div class="txt-my"><p>Jake Gyllenhaal</p> <a href="http://limbo.f-rpg.ru/profile.php?id=20">брюс ли</a><p></p></div>
<div class="txt-my"><p>Joel Kinnaman</p> <a href="http://limbo.f-rpg.ru/profile.php?id=22">play with fire</a><p></p></div>
<div class="txt-my"><p>Kang Ha-Neul</p> <a href="http://limbo.f-rpg.ru/profile.php?id=17">108</a><p></p></div>
<div class="txt-my"><p>Matthew Fox</p> <a href="http://limbo.f-rpg.ru/profile.php?id=31">просто вода</a><p></p></div>
<div class="txt-my"><p>Maxence Danet-Fauvel</p> <a href="http://limbo.f-rpg.ru/profile.php?id=12">why without me</a><p></p></div>
<div class="txt-my"><p>Michael Emerson</p> <a href="http://limbo.f-rpg.ru/profile.php?id=3">
другие идут</a> <p></p></div>
<div class="txt-my"><p>Oscar Isaac</p> <a href="http://limbo.f-rpg.ru/profile.php?id=21">бир грилс</a><p></p></div>
<div class="txt-my"><p>robert pattinson</p> <a href="http://limbo.f-rpg.ru/profile.php?id=35">за тобой выехали</a><p></p></div>
</div><div class="txt3"><b>Женские:</b>
<div class="txt-my"><p>Amber Heard</p> <a href="http://limbo.f-rpg.ru/profile.php?id=8">несси</a><p></p></div>
<div class="txt-my"><p>Ana de Armas</p> <a href="http://limbo.f-rpg.ru/profile.php?id=34">кончилось лето</a><p></p></div>
<div class="txt-my"><p>Angelina Jolie</p> <a href="http://limbo.f-rpg.ru/profile.php?id=16">ash</a><p></p></div>
<div class="txt-my"><p>Brie Larson</p> <a href="http://limbo.f-rpg.ru/profile.php?id=26"> молитвы услышаны</a><p></p></div>
<div class="txt-my"><p>Danielle Campbell</p> <a href="http://limbo.f-rpg.ru/profile.php?id=18">crazy</a><p></p></div>
<div class="txt-my"><p>Elizabeth Mitchell</p> <a href="http://limbo.f-rpg.ru/profile.php?id=38">тереза идет по лестнице</a><p></p></div>
<div class="txt-my"><p>Ester Exposito</p> <a href="http://limbo.f-rpg.ru/profile.php?id=15">цикада</a><p></p></div>
<div class="txt-my"><p>Evangeline Lilly</p> <a href="http://limbo.f-rpg.ru/profile.php?id=30">веснушка</a><p></p></div>
<div class="txt-my"><p>Gal Gadot</p> <a href="http://limbo.f-rpg.ru/profile.php?id=10">black velvet</a><p></p></div>
<div class="txt-my"><p>Jenna-Louise Coleman</p> <a href="http://limbo.f-rpg.ru/profile.php?id=37">мечта поэта</a><p></p></div>
<div class="txt-my"><p>Jodie Comer</p> <a href="http://limbo.f-rpg.ru/profile.php?id=7">сдохни или умри</a><p></p></div>
<div class="txt-my"><p>Kiernan Shipka</p> <a href="http://limbo.f-rpg.ru/profile.php?id=13">hello it’s me</a><p></p></div>
<div class="txt-my"><p>Lana Del Rey</p> <a href="http://limbo.f-rpg.ru/profile.php?id=28">черная</a><p></p></div>
<div class="txt-my"><p>Lily Collins</p> <a href="http://limbo.f-rpg.ru/profile.php?id=4">
твой личный краш</a> <p></p></div>
<div class="txt-my"><p>Martha Higareda</p> <a href="http://limbo.f-rpg.ru/profile.php?id=10">black velvet</a><p></p></div>
<div class="txt-my"><p>Megan Fox</p> <a href="http://limbo.f-rpg.ru/profile.php?id=19">crush</a><p></p></div>
<div class="txt-my"><p>Sofia Boutella</p> <a href="http://limbo.f-rpg.ru/profile.php?id=40">нутелла</a><p></p></div>
<div class="txt-my"><p>Sophie Turner</p> <a href="http://limbo.f-rpg.ru/profile.php?id=23">tokyo-3</a><p></p></div>
<div class="txt-my"><p>Tasya Teles</p> <a href="http://limbo.f-rpg.ru/profile.php?id=39">булочка с корицей</a><p></p></div>
</div>

<div class="txt4"><b>Каноны:</b>
<div class="txt-my"><p>Benjamin Linus</p></div>
<div class="txt-my"><p>Desmond Hume</p></div>
<div class="txt-my"><p>Jack Shephard</p></div>
<div class="txt-my"><p>Juliet Burke</p></div>
<div class="txt-my"><p>Kate Austen</p></div>

</div></div>

</div>[/html]

<div class="txt-my"><p>face</p> <a href="ссылка на профиль">ник</a><p></p></div>

Отредактировано забери меня на Бали (2020-08-15 13:06:01)