[html]<center>
<link href="https://fonts.googleapis.com/css?family=Nova+Mono" rel="stylesheet">
<style>

.mc {
    width: 500px;
    height: 402px;
    background-color: #43434f;
}
.mc h2 {     
    font: 12px Yeseva One;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
    color: #c55b06;
    background: #eee;
    padding: 5px;
    margin-bottom: 10px;
}

.dewcontent_scroll::-webkit-scrollbar { width: 5px; height: 5px; }
.dewcontent_scroll::-webkit-scrollbar-track { background: transparent; }
.dewcontent_scroll::-webkit-scrollbar-thumb {background: #f2ead5; }

.dewcontainer {
    margin: 10px auto;
    height: 3500px;
    width: 450px;
}

.dewtabs {margin: 0px auto;position: relative;width: 400px; height: 332px;}
.dewtab {float: left;}
.dewtab label {
    display: block;
    font-family: Yeseva One;
    font-size: 18px;
    color: #f1c903;
    margin: 10px;
}
.dewtab input[type=radio]:checked ~ label {background: transparent;z-index: 2;}
.dewtab input[type=radio] { display: none; }
.dewcontent {
    font-size: 12px;
    position: absolute;
    top: 40px;
    bottom: -50px;
    left: -30px;
    right: -30px;
    background: #fff;
    padding: 10px;
    font-family: arial;
    outline: 1px solid #c8c8c8;
    outline-offset: 2px;
    border: 1px solid #fdc02a;
    color: #31313a;
    text-align: justify;
}

.dewcontent_scroll {
    overflow: auto;
    height:  322px;
    padding-right: 3px;
}

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

</style>

<div class="mc">
<div class="dewcontainer">
<div class="dewtabs">

<div class="dewtab">
<input type="radio" id="dewtab-1" name="dewtab-group-1" checked>
<label for="dewtab-1"> WELCOME </label>
<div class="dewcontent"><div class="dewcontent_scroll">

<i>Солнце, луна, звезды... Они притягивают человеческое внимание, сколько мы существуем. Ведь так интересно наблюдать за тем, окрашивается первыми рассветными солнечными лучами небосвод в самые потрясающие нежно-розовые, до оранжево-кораллового, цвета; так молчаливо и гордо разглядывает нас луна по ночам, умудряясь заглянуть в каждое окно и проверить, как у нас дела; и разве не звездное небо уже несколько столетий является одним из важных атрибутов самых романтических свиданий? Объединяет их несколько вещей: они на небе сияют для нас и недостижимы простому смертному, остается только молча разглядывать их отсюда, с Земли, и предаваться мечтаниям, наслаждаясь прекрасным видом.</i><br><br>
<center><b>НЫНЕШНИЙ СЕЗОН: 01.06 — 17.07</b></center><br>
... А мы предлагаем Вам прикоснуться к их сиянию.
После принятия анкеты Вы будете автоматически определены в одну из команд и сможете выполнять тематические задания, чтобы приносить баллы Вашей команде. Потом мы подведем итоги: какая же из команд справилась лучше? Самые активные командные игроки будут получать приятные бонусы, так что есть повод поактивничать!

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

<div class="dewtab">
<input type="radio" id="dewtab-2" name="dewtab-group-1">
<label for="dewtab-2"> STARS </label>
<div class="dewcontent"><div class="dewcontent_scroll">

Перед вами 3 типа заданий, которые помогут Вам принести баллы своей команде. Задания на 3 балла нужно выполнить в постах, действие должно быть совершенно в настоящем времени, то есть не использоваться в качестве воспоминания или планов на будущее. 1 пост в разделах «реал» или «ау» = 1 задание = 1 плашка автоматически Ваша.<br>

<h2>задания на 1 балл</h2>

● пост в разделе «спидпост»;<br>
● пост в игровой соцсети; <br>
● оставить 1 комментарий в чужой соцсети;<br>
● нажать «это интересно» 5 раз.<br>

<h2>задания на 3 балла</h2>

<center><table>

<tr><td><img src="https://i.imgur.com/6xe4AQT.png"><div class="task"><div class="task_over">узнать на небе какое-либо созвездие</div></div></td>

<td><img src="https://i.imgur.com/qg2PlNK.png"><div class="task"><div class="task_over">потратить все деньги на еду</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/HlIukEL.png"><div class="task"><div class="task_over">пойти на утреннюю пробежку</div></div></td>

<td><img src="https://i.imgur.com/2cwrdQS.png"><div class="task"><div class="task_over">получить от кого-то похвалу</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/PHxuoW2.png"><div class="task"><div class="task_over">громко ссориться посреди улицы</div></div></td>

<td><img src="https://i.imgur.com/H6IYUGJ.png"><div class="task"><div class="task_over">танцевать на барной стойке</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/oQAeDvC.png"><div class="task"><div class="task_over">перетирать слухи об айдолах</div></div></td>

<td><img src="https://i.imgur.com/IGnQEm1.png"><div class="task"><div class="task_over">бросить школу / университет</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/hY2Bbss.png"><div class="task"><div class="task_over">пытаться спрятать засос</div></div></td>

<td><img src="https://i.imgur.com/5Vy9k36.png"><div class="task"><div class="task_over">опозориться на людях</div></div></td></tr>

<td><img src="https://i.imgur.com/ZR6dZ8M.png"><div class="task"><div class="task_over">взять кого-то за руку </div></div></td>

<td><img src="https://i.imgur.com/sCIKjAN.png"><div class="task"><div class="task_over">разговаривать с техникой</div></div></td></tr>

<td><img src="http://s8.uploads.ru/Z8IJn.png"><div class="task"><div class="task_over">обидеться на кого-либо</div></div></td>

<td><img src="http://s9.uploads.ru/IliLw.png"><div class="task"><div class="task_over">дочитать до конца книгу</div></div></td></tr>

<td><img src="https://i.imgur.com/ypyitgT.png"><div class="task"><div class="task_over">притворяться парнем / девушкой в сети </div></div></td>

<td><img src="https://i.imgur.com/IE3eWTT.png"><div class="task"><div class="task_over">отчитаться перед кем-то</div></div></td></tr>

<td><img src="https://funkyimg.com/i/2T99x.png"><div class="task"><div class="task_over">повторить свою ошибку</div></div></td>

<td><img src="https://funkyimg.com/i/2T99D.png"><div class="task"><div class="task_over">дать совет</div></div></td></tr>

<td><img src="https://i.imgur.com/yyiEwSw.png"><div class="task"><div class="task_over">пытаться понять сложную фразу</div></div></td>

<td><img src="https://funkyimg.com/i/2T9ed.png"><div class="task"><div class="task_over">злиться на что-либо/кого-либо</div></div></td></tr>

<td><img src="https://i.imgur.com/P8IAoSe.png"><div class="task"><div class="task_over">избегать кого-либо</div></div></td>

<td><img src="https://i.imgur.com/yrtOiS2.png"><div class="task"><div class="task_over">ревновать свою вторую половинку без видимых на то причин</div></div></td></tr>

<td><img src="https://i.imgur.com/A1PgjkY.png"><div class="task"><div class="task_over">носить парные вещи</div></div></td>

<td><img src="https://i.imgur.com/YNUOVE7.png"><div class="task"><div class="task_over">оказаться в неловкой ситуации</div></div></td></tr>

</table></center>

<h2>задания на 5 баллов</h2>
● написать заявку на нужного;<br>
● забрать персонажа в «возьми меня к себе»;<br>
● заполнить отношения персонажа  (3 человека, минимум пять полных предложений);<br>
● написать 3 поста в разделе «реал» или 3 поста разделе «ау» (либо 3 там, либо 3 там, 1 пост в реале + 2 в ау не считаются);<br>
● ответил на пост в разделе «реал» и «ау» в течение двадцати четырех часов;<br>
● 5 записей в дневнике/2 поста в творчестве;<br>
● +200 сообщений за 5 дней (любой раздел);<br>
● потратить 10.000 ₩;<br>
● подарить 5 подарков/спецподарков.<br>

<h2>задания на 7 баллов</h2>
● 1 пост в разделе «реал» или «ау»;<br>
● завершить спидпост-эпизод.<br>

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

<div class="dewtab">
<input type="radio" id="dewtab-3" name="dewtab-group-1">
<label for="dewtab-3"> MOON </label>
<div class="dewcontent"><div class="dewcontent_scroll">

Перед вами 3 типа заданий, которые помогут Вам принести баллы своей команде. Задания на 3 балла нужно выполнить в постах, действие должно быть совершенно в настоящем времени, то есть не использоваться в качестве воспоминания или планов на будущее. 1 пост в разделах «реал» или «ау» = 1 задание = 1 плашка автоматически Ваша.

<h2>задания на 1 балл</h2>

● пост в разделе «спидпост»;<br>
● пост в игровой соцсети; <br>
● оставить 1 комментарий в чужой соцсети;<br>
● нажать «это интересно» 5 раз.<br>

<h2>задания на 3 балла</h2>

<center><table>

<tr><td><img src="https://i.imgur.com/k3DxGOW.png"><div class="task"><div class="task_over">ударить кого-то по лицу</div></div></td>

<td><img src="https://i.imgur.com/2TClUfc.png"><div class="task"><div class="task_over">врать, что у тебя нет второй половинки</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/JdBg6NA.png"><div class="task"><div class="task_over">набить тату</div></div></td>

<td><img src="https://i.imgur.com/g7eRsei.png"><div class="task"><div class="task_over">получить первую зарплату</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/ZkYRug5.png"><div class="task"><div class="task_over">проснуться от кошмара</div></div></td>

<td><img src="https://i.imgur.com/AVzWbPU.png"><div class="task"><div class="task_over">смотреть аниме</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/jL95h1I.png"><div class="task"><div class="task_over">взять бродячее животное на дом</div></div></td>

<td><img src="https://i.imgur.com/MeHcPG9.png"><div class="task"><div class="task_over">сидеть на чужих коленях</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/Kt0TMPB.png"><div class="task"><div class="task_over">провести все выходные в кровати</div></div></td>

<td><img src="https://i.imgur.com/paNRq67.png"><div class="task"><div class="task_over">играть всю ночь в компьютерные игры</div></div></td></tr>

<td><img src="https://i.imgur.com/kxWwBz7.png"><div class="task"><div class="task_over">разбить экран телефона</div></div></td>

<td><img src="https://i.imgur.com/z7U5ofU.png"><div class="task"><div class="task_over">попасть в полицейский участок</div></div></td></tr>

<td><img src="http://s9.uploads.ru/TYEVt.png"><div class="task"><div class="task_over">принимать антидепрессанты </div></div></td>

<td><img src="http://sg.uploads.ru/k0lsa.png"><div class="task"><div class="task_over">игнорировать чужие сообщения в соц сетях</div></div></td></tr>

<td><img src="https://i.imgur.com/1cPYGVR.png"><div class="task"><div class="task_over">оскорбить кого-то</div></div></td>

<td><img src="https://i.imgur.com/L6vIFjq.png"><div class="task"><div class="task_over">в последний момент отменить встречу</div></div></td></tr>

<td><img src="https://funkyimg.com/i/2T99y.png"><div class="task"><div class="task_over">опаздывать куда-либо</div></div></td>

<td><img src="https://funkyimg.com/i/2T99B.png"><div class="task"><div class="task_over">чувствовать себя «выжатым как лимон»</div></div></td></tr>

<td><img src="https://funkyimg.com/i/2T99A.png"><div class="task"><div class="task_over">думать о завтрашнем дне</div></div></td>

<td><img src="https://funkyimg.com/i/2T99w.png"><div class="task"><div class="task_over">мечтать на работе/учебе о сне в теплой кровати</div></div></td></tr>

<td><img src="https://i.imgur.com/TTY2xvN.png"><div class="task"><div class="task_over">философствовать / анализировать свою жизнь</div></div></td>

<td><img src="https://i.imgur.com/5F98SmL.png"><div class="task"><div class="task_over">выполнять два дела одновременно</div></div></td></tr>

<td><img src="https://i.imgur.com/yKsmMpx.png"><div class="task"><div class="task_over">чувствовать себя независимым</div></div></td>

<td><img src="https://i.imgur.com/nvgEqJG.png"><div class="task"><div class="task_over">пытаться обмануть свой организм</div></div></td></tr>

</table></center>

<h2>задания на 5 баллов</h2>
● написать заявку на нужного;<br>
● забрать персонажа в «возьми меня к себе»;<br>
● заполнить отношения персонажа  (3 человека, минимум пять полных предложений);<br>
● написать 3 поста в разделе «реал» или 3 поста разделе «ау» (либо 3 там, либо 3 там, 1 пост в реале + 2 в ау не считаются);<br>
● ответил на пост в разделе «реал» и «ау» в течение двадцати четырех часов;<br>
● 5 записей в дневнике/2 поста в творчестве;<br>
● +200 сообщений за 5 дней (любой раздел);<br>
● потратить 10.000 ₩;<br>
● подарить 5 подарков/спецподарков.<br>

<h2>задания на 7 баллов</h2>
● 1 пост в разделе «реал» или «ау»;<br>
● завершить спидпост-эпизод.<br></div></div></div>

<div class="dewtab">
<input type="radio" id="dewtab-4" name="dewtab-group-1">
<label for="dewtab-4"> SUN </label>
<div class="dewcontent"><div class="dewcontent_scroll">
Перед вами 3 типа заданий, которые помогут Вам принести баллы своей команде. Задания на 3 балла нужно выполнить в постах, действие должно быть совершенно в настоящем времени, то есть не использоваться в качестве воспоминания или планов на будущее. 1 пост в разделах «реал» или «ау» = 1 задание = 1 плашка автоматически Ваша.

<h2>задания на 1 балл</h2>

● пост в разделе «спидпост»;<br>
● пост в игровой соцсети; <br>
● оставить 1 комментарий в чужой соцсети;<br>
● нажать «это интересно» 5 раз.<br>

<h2>задания на 3 балла</h2>

<center><table>

<tr><td><img src="https://i.imgur.com/6rKyg5C.png"><div class="task"><div class="task_over">не спать сутки</div></div></td>

<td><img src="https://i.imgur.com/2ryMMAF.png"><div class="task"><div class="task_over">сварить глинтвейн</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/TbCRLpG.png"><div class="task"><div class="task_over">прогулять учебу/работу, чтобы смотреть мультики</div></div></td>

<td><img src="https://i.imgur.com/ilda5F0.png"><div class="task"><div class="task_over">рисовать на ком-то</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/6fLdHnV.png"><div class="task"><div class="task_over">жаловаться на жару</div></div></td>

<td><img src="https://i.imgur.com/ed37JxJ.png"><div class="task"><div class="task_over">пытаться рассмешить кого-то</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/BYpTFiM.png"><div class="task"><div class="task_over">сломать руку</div></div></td>

<td><img src="https://i.imgur.com/Yj0MDrT.png"><div class="task"><div class="task_over">напиться на дне рождения</div></div></td></tr>

<tr><td><img src="https://i.imgur.com/esLlsMn.png"><div class="task"><div class="task_over">обгореть на солнце</div></div></td>

<td><img src="https://i.imgur.com/x2CaTVD.png"><div class="task"><div class="task_over">пропеть строчку любимой инди-песни</div></div></td></tr>

<td><img src="https://i.imgur.com/3rR7OHh.png"><div class="task"><div class="task_over">покрасить волосы в яркий цвет </div></div></td>

<td><img src="https://i.imgur.com/G5RRERP.png"><div class="task"><div class="task_over">бросить парня / девушку</div></div></td></tr>

<td><img src="http://sd.uploads.ru/2QXVY.png"><div class="task"><div class="task_over">увидеть свою вторую половинку с другим</div></div></td>

<td><img src="http://s8.uploads.ru/4NVTv.png"><div class="task"><div class="task_over">очень долго собираться на встречу </div></div></td></tr>

<td><img src="https://i.imgur.com/nSKgEIo.png"><div class="task"><div class="task_over">слишком долго смотреть видосы на ютубе</div></div></td>

<td><img src="https://i.imgur.com/GQE2xkH.png"><div class="task"><div class="task_over">сознательно флиртовать с человеком, находящимся в отношениях</div></div></td></tr>

<td><img src="https://funkyimg.com/i/2T99z.png"><div class="task"><div class="task_over">драматизировать </div></div></td>

<td><img src="https://funkyimg.com/i/2T99E.png"><div class="task"><div class="task_over">вкинуть в разговор пикап-фразу</div></div></td></tr>

<td><img src="https://funkyimg.com/i/2T99C.png"><div class="task"><div class="task_over">купить то, о чем так долго мечтал</div></div></td>

<td><img src="https://funkyimg.com/i/2T9ee.png"><div class="task"><div class="task_over">скинуть другу что-то из сохраненных переписок/фотографий</div></div></td></tr>

<td><img src="https://i.imgur.com/i3hdXbb.png"><div class="task"><div class="task_over">не контролировать свои негативные эмоции</div></div></td>

<td><img src="https://i.imgur.com/xPPJp7L.png"><div class="task"><div class="task_over">пригласить к себе в гости кого-либо</div></div></td></tr>

<td><img src="https://i.imgur.com/Vc69nni.png"><div class="task"><div class="task_over">отправиться в путешествие летом</div></div></td>

<td><img src="https://i.imgur.com/q7B9iLo.png"><div class="task"><div class="task_over">сэкономить неплохую сумму денег</div></div></td></tr>

</table></center>

<h2>задания на 5 баллов</h2>
● написать заявку на нужного;<br>
● забрать персонажа в «возьми меня к себе»;<br>
● заполнить отношения персонажа  (3 человека, минимум пять полных предложений);<br>
● написать 3 поста в разделе «реал» или 3 поста разделе «ау» (либо 3 там, либо 3 там, 1 пост в реале + 2 в ау не считаются);<br>
● ответил на пост в разделе «реал» и «ау» в течение двадцати четырех часов;<br>
● 5 записей в дневнике/2 поста в творчестве;<br>
● +200 сообщений за 5 дней (любой раздел);<br>
● потратить 10.000 ₩;<br>
● подарить 5 подарков/спецподарков.<br>

<h2>задания на 7 баллов</h2>
● 1 пост в разделе «реал» или «ау»;<br>
● завершить спидпост-эпизод.<br>

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

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

[html]
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
<style type='text/css'>
.bg {width:300px; height:300px; padding:10px; background:#fff; border:1px solid #eee;}
#pic {width:280px; height:280px; padding:10px; background-image:url(300x300IMAGEHERE); position:relative;}
#pic .stuff {opacity:0; -webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; background:#fff; width:270px; height:270px; padding:5px;}
#pic:hover .stuff {opacity:1; -webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out;}
#pic .morelyrics {background: #ffba53; background: -moz-linear-gradient(left, #ffba53 0%, #ff7d53 50%, #f55b94 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffba53), color-stop(50%,#ff7d53), color-stop(100%,#f55b94)); background: -webkit-linear-gradient(left, #ffba53 0%,#ff7d53 50%,#f55b94 100%); background: -o-linear-gradient(left, #ffba53 0%,#ff7d53 50%,#f55b94 100%); background: -ms-linear-gradient(left, #ffba53 0%,#ff7d53 50%,#f55b94 100%) width:270px; padding:5px; font-family: courier new; font-size:9px; text-transform:lowercase; color:#fff;}
#pic .textiwex {width:260px; padding:5px; font-family: Arial; font-size:10px; text-align: justify; color:#000; overflow: auto; height:202px; line-height:90%}
#pic .textiwex p:nth-child(odd):first-letter {float: left; margin: 10px 10px 10px 0; font-family: Playfair Display; font-size:40px; font-style:italic; color:#FF7D53;}
#pic .textiwex p:nth-child(even):first-letter {float: left; margin: 10px 10px 10px 0; font-family: Playfair Display; font-size:40px; font-style:italic; color:#F55B94;}
</style>
<center>
<div class="bg"><div id="pic">
<div class="stuff">
<div class="morelyrics">I'm in love and it's a sunny day</div>
<div class="textiwex"><p>post here! remember to start with a p tag to make the letters colourful!</div>
<div class="morelyrics">words | tag | notes</div>
</div>
</div></div>
<font size="1"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=1698">thanks rora!</a></font>
</center>

[/html]

[html]

<style type="text/css">
#outerpokeapp {
width:515px;
margin:auto;
background:#f0f0f0;
padding:25px;
border: 1px solid #fff;
outline:1px solid #d9d9d9;
outline-offset:-6px;
height:270px;
positioN:relative;
padding-top:75px;
}

#outerpokeapp ::-webkit-scrollbar {
display:none;
}

.lefthandapp {
float:left;
widtH:290px;
margin-right:10px;
}

.rightimage {
outline:1px solid #C9D2D1;
float:left;
background:#fff;
padding:10px;
width:195px;
}

.badges {
width:43px;
float:right;
text-align:center;
margin-left:0px;
padding-top:1px;
padding-left:2px;
padding-bottom:10px;
background:#E19089;
height:239px;
}

.badges img {
width:20px;
height:20px;
float:left;
margin:0px 10px;
margin-top:9.5px;
}

.poketeam {
padding-bottom:10px;
padding-top:10px;
background:#fff;
outline:1px solid #C9D2D1;
}

.poketeam img {
width:32.5px;
display:inline-block;
bordeR:1px solid #C9D2D1;
border-radius:100%;
margin-left:12px;
height:32.5px;
background:#f4f4f4;
}

.bottomleft {
border:1px solid #f4f4f4;
margin-top:10px;
background:#fff;
outline:1px solid #C9D2D1;
border:15px solid #fff;
height:130px;
overflow:auto;
}

.writepoke {
display:block;
border:1px solid #e9e9e9;
background:#f5f5f5;
padding:20px;
text-aligN:justify;
font-family: cousine;
font-size:10px;
letter-spacing:0px;
line-height:13px;
}

.bottomleft ul {
margin:0;
padding:0;
list-style: none;
height:145px;
}

.bottomleft li {
margin: 0;
padding: 0;
float:left;
background:#f5f5f5;
margin:4px 0px;
margin-top:0px;
border:1px solid #e9e9e9;
width:248px;
height:20.9px;
line-height:20px;
font-family: cousine;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
text-align:right;
padding-right:10px;
}

.bottomleft li span {
float:left;
font-weight:bold;
letter-spacing:0px;
font-family: open sans;
margin-left:10px;
margin-right:5px;
color:#E19089;
border-bottom:1px solid #d9d9d9;
height:15px;
}

.bottomleft li:nth-child(1) {
width:115px;

}

.bottomleft li:nth-child(2) {
width:115px;
margin-left:6px;
}

.poketag {
margin-top:14px;
}

.poketag span {
background:#E19089;
float:right;
margin-left:6px;
padding: 4px 8px;
font-family: cousine;
font-size:8px;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
}

.bottomname {
background:#E19089;
positioN:absolute;
color:#fff;
top:25px;
width:501px;
height:40px;
left:25px;
text-align:left;
padding-left:15px;
line-height:40px;
font-family: source sans pro;
text-transform: uppercase;
font-weight: bold;
font-size:17px;
letter-spacing:0px;
}

.esscredit {
position:absolute;
right:9px;
bottom:6px;
}

.esscredit a {
color:#E19089!important;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Cousine|Open+Sans:400,700" rel="stylesheet">
<div id="outerpokeapp">
<div class="lefthandapp">
<div class="poketeam"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png"><img src="http://www.pokestadium.com/sprites/heartgold-soulsilver/jumpluff.png">
</div>
<div class="bottomleft">
<ul>
<li><span>title</span> info</li>
<li><span>title</span> info</li>
<li><span>title</span> info</li>
<li><span>title</span> info</li>
<li><span>title</span> info</li>
<li><span>title</span> info</li>
</ul>

<span class="writepoke">>this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here this is block text inside of here
</span>

</div>
<div class="poketag">
<span>000 years</span>
<span>something</span>
<span>something</span>
</div>
</div>
<div class="rightimage"><img src="http://placehold.it/150x250.png">
<div class="badges"><img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
<img src="http://cdn.bulbagarden.net/upload/thumb/0/0b/Coal_Badge.png/50px-Coal_Badge.png">
</div>
</div>
<div class="bottomname">this is a name inside here</div>
<div class="esscredit"><a href="http://candyland-couture.com/index.php?showuser=3840">©</a></div>
</div>

[/html]

[html]
<div id="outersiliconapp"><div class="characternamesilicon">richard hendricks</div> <div class="siliconsidebar"><div class="siliconrightav"><img src="http://i.imgur.com/3vOGOmh.gif"></div><ul><li>info</li><li>attr.</li><li>info</li><li>attr.</li><li>info</li><li>attr.</li><li>info</li><li>attr.</li><li>info</li><li>attr.</li></ul></div> <div class="backgroundsiliconblue"></div> <div class="outersilicontabs"> <input type="radio" id="silicon1" name="silicon" checked="checked"><label for="silicon1">main</label><div class="siliconappimage"><img src="http://i.imgur.com/w9aehi3.png"></div> <input type="radio" id="silicon2" name="silicon"><label for="silicon2">application</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">this is where the inside part of the application goes this scrolls so go crazy!</div></div></div></div> <input type="radio" id="silicon3" name="silicon"><label for="silicon3">shipper</label><div class="siliconapptabs"><div class="siliconapp"><div class="insidesiliconapp"><div class="insideinsidesilicon">this is where the inside part of the application goes this scrolls so go crazy!</div></div></div></div> </div> <div class="siliconplayer">alias. age. timezone.</div><div class="maps-credit"><a href="http://greatdivide.b1.jcink.com/index.php?showuser=1"></a></div><div></div></div> <style type="text/css"> @font-face { src:url('http://essiskins.b1.jcink.com/uploads/essiskins/DTM_Sans.ttf'); font-family:down; } @font-face { src:url('http://symmetry.b1.jcink.com/uploads/symmetry/fontawesome_webfont.ttf'); font-family:awesome; } #outersiliconapp { border:1px solid #ccc; width:560px; height:337px; padding:3px; margin:auto; } .characternamesilicon { height:50px;    background: #FBB829;    text-align: left;    font-family: down; padding-left:25px; border-top:5px solid #1693A5;    color: #1693A5;    text-shadow: 1px 0px 0px #fff;    font-size: 13.5px;    text-transform: Uppercase; line-height:40px;    letter-spacing: 1.5px; } .characternamesilicon::before { content:""; font-size:14px; margin-right:5px; color:#fff; text-shadow:none; font-family:awesome; } #outersiliconapp [type="radio"] { display:none; } .outersilicontabs { width:550px; height:362px; text-align:right; margin-top:-17px; padding-right:10px; overflow:hidden; position:absolute; z-index:2; } #outersiliconapp [type="radio"]:checked+label::after { content:""; font-family:awesome; positioN:absolute; margin-left:5px; margin-right:5px; margin-top:-2px; color:#3A3740; } #outersiliconapp label { display:inline-block; height:10px; margin-right:13px; width:60px;    background: #FBB829;  text-align: right;    font-family: courier; padding-left:25px; border-top:1px dashed #1693A5;    color: #fff;    font-size: 8px;    text-transform: Uppercase; letter-spacing:.3px; line-height:12px; cursor:pointer; } .siliconappimage { opacity:0; z-index:0; width:400px; height:250px; overflow:hidden; position:absolute; margin-top:5px; margin-left:0px; -webkit-transition:opacity .8s 0s, z-index 0s .8s; -o-transition:opacity .8s 0s, z-index 0s .8s; -moz-transition:opacity .8s 0s, z-index 0s .8s; -ms-transition:opacity .8s 0s, z-index 0s .8s; } .siliconappimage img { width:400px; height:250px; } #outersiliconapp [type="radio"]:checked+label+.siliconappimage { opacity:1; z-index:2; -webkit-transition:opacity .8s 0s, z-index 0s 0s; -ms-transition:opacity .8s 0s, z-index 0s 0s; -o-transition:opacity .8s 0s, z-index 0s 0s; -moz-transition:opacity .8s 0s, z-index 0s 0s; margin-left:0px; } #outersiliconapp [type="radio"]:checked+label+.siliconapptabs { opacity:1; z-index:2; -webkit-transition:margin-left .8s 0s, z-index 0s 0s; -moz-transition:margin-left .8s 0s, z-index 0s 0s; -o-transition:margin-left .8s 0s, z-index 0s 0s; -ms-transition:margin-left .8s 0s, z-index 0s 0s; margin-left:0px; } .siliconapptabs { z-index:0; width:400px; margin-left:-455px; height:250px; overflow:hidden; position:absolute; margin-top:5px; -webkit-transition:margin-left .8s 0s, z-index 0s 1s; -moz-transition:margin-left .8s 0s, z-index 0s 1s; -ms-transition:margin-left .8s 0s, z-index 0s 1s; -o-transition:margin-left .8s 0s, z-index 0s 1s; } .siliconplayer { position:absolute; margin-top:250px; background:#3A3740; height:33px; width:550px; padding-right:10px; text-align:right; line-height:32px; color:#fff; font-family:down; font-size:9px; letter-spacing:2px; border-top:px dashed #FBB829; } .siliconplayer::before { content:" "; display:inline-block; border-top:1px dashed #FBB829; margin-right:10px; margin-bottom:1.5px; height:0px; width:150px; } .siliconplayer::after { content:" "; display:inline-block; border-top:1px dashed #FBB829; margin-left:10px; margin-bottom:1.5px; height:0px; width:50px; } .siliconsidebar { position:absolute; width:160px; height:250px; margin-left:400px; background:#efefef; } .siliconrightav { float:right; overflow:hidden; border:3px solid #fff; background:#3A3740; margin-top:10px; margin-right:45px; } .siliconrightav img { width:50px; height:50px; margin:5px; border:1px solid #FBB829; } .siliconsidebar ul { list-style:none; margin:0px; padding:0px; border-top:1px solid #ccc; margin-tOP:88px; } .siliconsidebar li:nth-child(odd) { font-family:down; font-size:8px; padding-left:5px; padding-top:2px; color:#aaa; text-transform:lowercase; letter-spacing:.5px; } .siliconsidebar li:nth-child(odd):first-letter { color:#FBB829; } .siliconsidebar li:nth-child(even) { font-family:courier; font-size:9px; text-aligN:right; padding-right:5px; color:#1693A5; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #ccc; padding-bottom:2px; } .insidesiliconapp { background:#fff; border:1px solid #ccc; margin:20px; padding:10px; text-aligN:justify; font-family:courier; color:#aaa; height:190px; font-size:10px; line-height:10px; } .backgroundsiliconblue { position:absolute; width:400px; height:250px; background:#1693A5; z-index:0; } .insideinsidesilicon { padding-right:10px; height:190px; overflow:auto; } .maps-credit { width:10px; height:10px; font-size:8px!important; z-index:10; font-family:awesome; margin-top:288px; float:right; position:relative; } .maps-credit a { color:#ccc!important; font-size:10px!important; } </style>
<center>

<div class="letterman">persistence</div>
<div class="bamitty"><div class="barexam" style="height: 25px; background-color: #a0cca6;"></div><div class="barexam"></div><div class="barexam" style="height: 35px; background-color: #a0cca6;"></div><div class="barexam" style="height: 25px;"></div><div class="barexam" style="height: 50px; background-color: #a0cca6;"></div><div class="barexam" style="height: 70px; margin-right: 10px;"></div>

Then maybe you should consider this: if anything happens to them, Starfleet is going to want a full investigation. Maybe if we felt any human loss as keenly as we feel one of those close to us, human history would be far less bloody. Sorry, Data. Worf, It's better than music. It's jazz. We could cause a diplomatic crisis. Take the ship into the Neutral Zone Some days you get the bear, and some days the bear gets you. <p>

Wait a minute - you've been declared dead. You can't give orders around here. You did exactly what you had to do. You considered all your options, you tried every alternative and then you made the hard choice. The Federation's gone; the Borg is everywhere! Computer, lights up! Mr. Crusher, ready a collision course with the Borg ship. A lot of things can change in twelve years, Admiral. <p>

Your shields were failing, sir. Travel time to the nearest starbase? When has justice ever been as simple as a rule book? We have a saboteur aboard. Earl Grey tea, watercress sandwiches... and Bularian canapés? Are you up for promotion? Smooth as an android's bottom, eh, Data? Well, that's certainly good to know. That might've been one of the shortest assignments in the history of Starfleet. This should be interesting. Your head is not an artifact! I can't. As much as I care about you, my first duty is to the ship. Congratulations - you just destroyed the Enterprise. <p>

The Enterprise computer system is controlled by three primary main processor cores, cross-linked with a redundant melacortz ramistat, fourteen kiloquad interface modules. We finished our first sensor sweep of the neutral zone. I think you've let your personal feelings cloud your judgement. About four years. I got tired of hearing how young I looked. Not if I weaken first.<p>

</div><div class="letterman">of memory</div>
<div style="font: 7px verdana; color: #bbb; letter-spacing: 8px; text-transform: uppercase;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3189">▼ sylvia of cc</a></div></div>

</center>
<style type="text/css">

.barexam { width: 6px; height: 55px; background-color: #74335f; margin-top: -10px; float: left; }
.letterman { height: 40px; width: 350px; border-top: 5px solid #74335f; font:40px courier new; padding: 5px; text-transform: uppercase; color: #74335f; border-bottom: 5px solid #a0cca6; text-shadow: 3px 3px #a0cca6; }
.bamitty { width: 350px; padding-top: 10px; font: 9px verdana; text-align: justify; }

</style>

[/html]

[html]<style type="text/css">
.thissuccs {
width: 500px;
height: 200px;
margin: 0 auto;
positon: relative;
border: 1px solid #262627;
}

.thissuccs img {
width: 500px;
height: 200px;
position: absolute;
}

.thissuccs .thissuccs-inner {
background-color: #fafafa;
position: absolute;
opacity: 0;
width: 500px;
height: 200px;
overflow: hidden;
transition: 1s;
}

.thissuccs:hover .thissuccs-inner {
opacity: 1;
transition: 0.9s;
}

.thissuccs-inner img {
border-radius: 100%;
width: 150px;
height: 150px;
top: 25px;
left: 95px;
border: 2px solid #ee4957;
}

.thissuccs-links {
width: 100px;
height: 150px;
position: absolute;
margin-top: 28px;
margin-left: 10px;
font-size: 16px;
line-height: 20px;
}

.thissuccs-links a {
background-color: #ebebeb;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
padding-top: 2px;
color: #262627;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
margin-top: 15px;
}

.thissuccs-links a:hover {
text-shadow: 1px 2px #ee4957;
}

.thissuccs-name {
font-family: 'Alex Brush', cursive;
font-size: 25px;
color: #ee4957;
text-align: right;
margin-left: 290px;
margin-top: 10px;
width: 190px;
height: 27px;
border-bottom: 1px solid #262627;
line-height: 30px;
}

.thissuccs .thissuccs-text {
border-radius: 5px;
transition: 0.6s ease-in-out 0.4s;
background-color: #ebebeb;
color: #262627;
width: 180px;
height: 1px;
margin-left: 270px;
margin-top: 7px;
padding-left: 15px;
line-height: 13px;
padding-right: 15px;
overflow: hidden;
font-family: 'Oswald', sans-serif;
font-size: 11px;
text-align: justify;
}

.thissuccs:hover .thissuccs-text {
height: 105px;
padding-top: 15px;
padding-bottom: 15px;
overflow: auto;
}

.thissuccs-text::-webkit-scrollbar {
width: 2px;
}
.thissuccs-text::-webkit-scrollbar-button {
width: 0px;
}
.thissuccs-text::-webkit-scrollbar-thumb {
background: #ee4957;
border: 0px none #ffffff;
border-radius: 50px;
}
.thissuccs-text::-webkit-scrollbar-thumb:hover {
background: #ee4957;
}
.thissuccs-text::-webkit-scrollbar-thumb:active {
background: #D58568;
}
.thissuccs-text::-webkit-scrollbar-track {
background: #ebebeb;
border: 0px none #ffffff;
border-radius: 50px;
}
.thissuccs-text::-webkit-scrollbar-track:hover {
background: #fafafa;
}
.thissuccs-text::-webkit-scrollbar-track:active {
background: #262627;
}
.thissuccs-text::-webkit-scrollbar-corner {
background: transparent;
}
</style>

<div class="thissuccs">
<img src="https://i.imgur.com/7ElkjLp.png">
<div class="thissuccs-inner">
  <div class="thissuccs-links"><a href="https://eternalseoul.rusff.me/viewtopic.php?id=7">правила</a><br><br>
    <a href="https://eternalseoul.rusff.me/viewtopic.php?id=2">сюжет</a><br><br>
<a href="https://eternalseoul.rusff.me/viewtopic.php?id=2#p3">faq</a><br><br>
<a href="https://eternalseoul.rusff.me/viewtopic.php?id=9">геймплей</a>
  </div>
   <img src="http://s7.uploads.ru/qdICK.gif">
    <div class="thissuccs-name">From Mino:</div>
    <div class="thissuccs-text">

<b>Й</b>оу, добро пожаловать домой, усталый путник! Располагайся удобнее, бери самый мягкий плед и согревайся после долгого пути. Отныне твоё место в доме <b>Луны</b>, загляни <a href="https://eternalseoul.rusff.me/viewtopic.php?id=9">СЮДА</a>, чтобы ознакомиться подробнее с тем, какие привилегии тебе достанутся. Также не забудь отметиться в <a href="https://eternalseoul.rusff.me/viewtopic.php?id=23">ДЕПАРТАМЕНТЕ ЗАНЯТОСТИ</a>, а ещё составить <a href="https://eternalseoul.rusff.me/viewtopic.php?id=18">ЛЗ</a> и <a href="https://eternalseoul.rusff.me/viewtopic.php?id=18#p19">ПЕРСОНАЛЬНУЮ СТРАНИЦУ</a>. Всё сделал? Тогда смело заглядывай в <a href="https://eternalseoul.rusff.me/viewtopic.php?id=24">ПОИСК СОИГРОКА</a> и <a href="https://eternalseoul.rusff.me/viewtopic.php?id=25">ПОИСК ОТНОШЕНИЙ</a>, чтобы начать очередное увлекательное путешествие... 

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

<link href="https://fonts.googleapis.com/css?family=Alex+Brush|Ubuntu|Oswald:300|Roboto+Condensed:300" rel="stylesheet">[/html]

[html]<!--HTML-->
<div class="shinelinks"><div id="shine1">

<center><b> предупреждение до 18.05</b><br>
отсутствие соо 14 дней<br>
<a href="http://eternalseoul.rusff.me/profile.php?id=144">chae hyungwon</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=268">seo sujin</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=159">kang woosung</a><br><br>

отсутствие 7 дней<br>
<a href="http://eternalseoul.rusff.me/profile.php?id=316">im jaebum</a><br>
<br>

отсутствие первого поста 14 дней <br>

<a href="http://eternalseoul.rusff.me/profile.php?id=312">oh sehun</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=294">hwang yeji</a><br>
<br>

отсутствие поста 3 недели<br>
<a href="http://eternalseoul.rusff.me/profile.php?id=298">ahn sohee</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=268">seo sujin</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=256">na jaemin</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=250">lee felix</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=39">park seonghwa</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=144">chae hyungwon</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=159">kang woosung</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=277">kang younghyun </a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=52">min yoongi</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=244"> huang renjun </a> <br>

<br>

<b>удалены </b> <br>
отсутствие поста 3 недели <br>
<a href="http://eternalseoul.rusff.me/profile.php?id=230">han eunji</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=245">kim jinhwan</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=62">kim taehyung</a><br>
<br>
отсутствие первого поста <br>
<a href="http://eternalseoul.rusff.me/profile.php?id=301">lee jaehyun</a><br>
<br>
отсутствие соо 14 дней<br>
<a href="http://eternalseoul.rusff.me/profile.php?id=19">moon taeil</a><br>
<br>
отсутствие 7 дней<br>
<a href="http://eternalseoul.rusff.me/profile.php?id=297">choi seunghyun</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=219">dong sicheng</a><br>
<br>
неигровые профили / не подана анкета  <br>
<a href="http://eternalseoul.rusff.me/profile.php?id=319">nakamoto yuta</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=327">lee joonhyuk</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=320">kevin moon</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=328">kim jiwoo</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=326">han jisung</a><br>
<a href="http://eternalseoul.rusff.me/profile.php?id=334">аномальные осадки</a><br>
</center>
</div></div>

<style>

. shinelinks {
    position: absolute;
    font-family: arial;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 207px!important;
    font-weight: normal!important;
    line-height: 167%;
    margin-left: 120px!important;
}

.shinelinks a {
    color: #d68d8e!important;
    letter-spacing: 0px;
    text-shadow: 0 0 0px #6881a2!important;
    margin-left: 0px;
}

#shine1 {
    overflow: auto;
    height: 141px;
    margin-top: 5px !important;
    margin-left: 175px !important;
    position: left;
    width: 270px;
    color: #6f7a7f;
    text-shadow: none !important;
    text-align: center !important;
    font-size: 10px;
    padding: 1px 4px;
}

</style>
[/html]

профа

<div id="pircs2"><!— std.v.1/0/profilaktika —><link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0019/f8/92/85134.css";; /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>....................</center><br/> <br/><br/><br/><p align="right">....</p></center><br/><br/><br/></div></div><!— —><script type="text/javascript"> 

var ON_button=1; //Cвитч включения: 1 - включено!; 0 - выключено 
var moderDostyp_ON=1; //?Модер-доступ включён?: 1 - включен!; 0 - выключен 

if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){ 
$("style.#style_st,div.#pircs2").replaceWith("");} 
else {$("#msg-n2").replaceWith(""); 
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){ 
document.location.href = "../login.php"}else { 
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window"); 
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text(""); 
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']"); 
v.replaceWith("<span>Вход только для Администраторов</span>");});};} 
else {document.location.href = "../login.php?action=out&id="+UserID};} 
</script><!--end/profilaktika-->

<style>#LogIn_Window {
    background-image: url("https://forumstatic.ru/files/0019/f8/92/46183.png");
    border: medium none transparent;
    color: transparent;
font-size: 11px !important;
padding: 93px 0px 0 40px;
    text-align: left;
}</style>

[html]<div id="canon-list-main"><div class='canon-list'>

<center><img src="https://i.imgur.com/8sAZ2u9.png"></center>

<br><br>

<div class='c1'>
<h1>

ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ, ВЕДОМСТВА И ДЕПАРТАМЕНТЫ, СОЦИАЛЬНЫЕ СЛУЖБЫ

</h1>

<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">

<b>телохранитель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=95">kim jongin</a><br>

</td>
<td width="50%">

<b>должность</b> → <a href="http://testsiyanie.rusff.me/">полное имя персонажа</a><br>

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

<div class='c1'>
<h1>

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ, СМИ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">
<b>радиоведущий</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=55">jung wooyoung</a><br>

</td>
<td width="50%">
<b>должность</b> → <a href="http://testsiyanie.rusff.me/">полное имя персонажа</a><br>

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

<div class='c1'>
<h1>

ИНДУСТРИЯ РАЗВЛЕЧЕНИЙ И КРАСОТЫ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">
<b>администратор в клубе </b> → <a href="http://eternalseoul.rusff.me/profile.php?id=295">Kim Namjoon</a><br>
<b>айдол</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=244">huang renjun</a><br>
<b>айдол</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=211">lee minhyung</a><br>
<b>айдол (рэпер)</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=339">Lu Han</a><br>
<b>актер / модель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=259">kim seokwoo</a><br>
<b>визажист</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=304">kim sowon</a><br>
<b>владелец модельного агентства</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=240">bang yongguk</a><br>
<b>дизайнер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=6">ten leechaiyapornkul</a><br>
</td>
<td width="50%">
<b>менеджер айдол-группы</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=311">kim doyoung</a><br>
<b>модель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=54">kim hyunjung</a><br>
<b>персональный помощник</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=184">kwon eunbi</a><br>
<b>со-владелец и ведущий специалист Lotte World Aquarium</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=190">lee taemin</a><br>
<b>тату-мастер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=75">park jimin</a>
<br>
</td></tr>
</table>
</div>

<div class='c1'>
<h1>

МЕДИЦИНА И ВЕТЕРИНАРИЯ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">
<b>ассистент ветеринара</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=338">wong kunhang</a><br>
<b>врач-ординатор</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=155">Kim Hyojong</a><br>
<b>лаборант медицинской лаборатории</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=131">lee sunmi</a><br>

</td>
<td width="50%">

<b>танатопрактик</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=206">yoo kihyun</a><br>
<b>медбрат</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=349">mark tuan</a><br>

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

<div class='c1'>
<h1>

ИСКУССТВО И ТВОРЧЕСТВО

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">
<b>актриса музыкального театра</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=313">park sooyoung</a><br>
<br>
<b>исполнитель музыки и песен собственного сочинения</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=278">ham eunjung</a>
<b>кавер-исполнитель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=143">yang jeongin</a><br>

</td>
<td width="50%">

<b>писатель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=109">kim jaejoong</a><br>
<b>преподаватель танцев</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=220">Liu YangYang</a><br>
<b>профессиональный танцор</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=54">kim hyunjung</a><br>
<b>рэпер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=110">nicholas choi</a><br>
<b>рэпер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=237">yang yeeun</a><br>
<b>рэпер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=40">lee jinyoung</a><br>
<b>ударник в группе</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=43">jeon jungkook</a><br>
<b>уличный музыкант</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=99">jang yeeun</a><br>
<b>художник</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=8">song mino</a><br>

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

<div class='c1'>
<h1>

ОБРАЗОВАНИЕ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">

<b>воспитатель</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=318">Jung Yunho</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=11">choi san</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=357">jung hoseok</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=215">lee minho</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=301">lee jaehyun</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=143">yang jeongin</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=323">choi soobin</a><br>
<b>студент медицинского колледжа</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=131">lee sunmi</a><br>

</td>
<td width="50%">

<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=341">han jisung</a><br>
<b>студент</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=360">lee felix</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=136">bang minah</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=291">lee soyeon</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=337">lalisa leechaiyapornkul</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=355">lee seoyeon</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=356">lee nakyung</a><br>
<b>студентка</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=361">lee soyeon</a><br>
<b>школьник</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=213">lee donghyuck</a><br>
<b>школьник</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=340"> jung jaewon</a><br>

</td></tr></table>
</div>
               
<div class='c1'>
<h1>

ПРЕСТУПНОСТЬ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">

<b>должность</b> → <a href="http://testsiyanie.rusff.me/">полное имя персонажа</a><br>

</td>
<td width="50%">

<b>рэкетир</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=358">lee jaesung</a><br>

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

<div class='c1'>
<h1>

ДРУГИЕ ПРОФЕССИИ

</h1>
<table width="100%" cellspacing="0" cellpadding="5">
<tr>
<td width="50%">

<b>бариста</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=258">yoo taeyang</a><br>
<b>бариста</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=68">kim taehyung</a><br>
<b>бармен</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=325">choi yeonjun</a><br>
<b>бармен</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=68">kim taehyung</a><br>
<b>владелец бара</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=52">min yoongi</a><br>
<b>владелец охранного агентства</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=57">kim yeongkwang</a><br>
<b>кондитер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=317">shim changmin</a><br>
<b>менеджер гестхауса</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=260">yeo hwanwoong</a><br>

</td>
<td width="50%">

<b>муж на час</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=275">jung hyuk</a><br><b>организатор свадеб</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=141">stephanie hwang</a><br>
<b>официант в ресторане</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=336">kim yuong</a><br>

<b>продавец в 7/11</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=291">lee soyeon</a><br>
<b>продавец в круглосуточном магазине</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=323">choi soobin</a><br>
<b>разнорабочий</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=358">lee jaesung</a><br>
<b>стритрейсер</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=7">lee taeyong</a><br>
<b>эскортница</b> → <a href="http://eternalseoul.rusff.me/profile.php?id=324">son gain</a><br>

</td></tr>
</table>
</div</div>
[/html]

[html]<center>
<link href="https://fonts.googleapis.com/css?family=Arial+Black" rel="stylesheet">
<style>

.mc {width: 600px; height: 500px; border: 0px solid #563f3a; border-image:     -moz-border-image: -moz-linear-gradient(135deg, #91B3BC 0%, #5B7D87 22%, #45415E  42%, #2B4251 61%, #2E323C 77%, #2E323C 100%);    -webkit-border-image: -webkit-linear-gradient(135deg, #91B3BC 0%, #5B7D87 22%, #45415E  42%, #2B4251 61%, #2E323C 77%, #2E323C 100%);    border-image: linear-gradient(135deg, #91B3BC 0%, #5B7D87 22%, #45415E  42%, #2B4251 61%, #2E323C 77%, #2E323C 100%); border-image-slice: 1; background: url(https://i.imgur.com/vcV5LjA.png); background-position: center; background-size: cover;}
.mc h1 {float: right; margin: 20px; font-family: 'mogen', monospace; color: #563f3a; text-transform: uppercase; border-bottom: 2px solid #9c7e42; padding: 10px; text-align: justify; letter-spacing: 2px;line-height: 100%; width: 150px;font-size: 20px; margin-top: -170px;text-shadow: 1px 1px 0px #a9bcc9;}
.mc h2 { color: #9c7e42; font-size: 13px; letter-spacing: 2px; font-family: 'anticva', monospace; text-align: center; border-bottom: 2px solid #563f3a; padding: 10px; ;margin-right: px; display: inline-block;}
.mc a { color: #ffffff; text-decoration: none;} .mc b {color: #563f3a;}

.dewcontent::-webkit-scrollbar { width: 5px;}
.dewcontent::-webkit-scrollbar-track { background: transparent; }
.dewcontent::-webkit-scrollbar-thumb {background: #9c7e423; }
.dewcontent::-webkit-scrollbar-background {background: transparent;}

.dewcontainer {margin: 10px auto;height: 5000px;width: 450px;}
.dewtabs {margin: 0px auto;position: relative;width: 450px;height:  420px;}
.dewtab {float: left;}
.dewtab label {display: block;width: 120px;height: 10px;font-family: 'mogen', monospace;font-size: 18px;color: #9c7e42;background: transparent;margin: 10px;position: relative;left: 20px;top: 0px;z-index: 3;}
.dewtab input[type=radio]:checked ~ label {background: transparent;opacity: .3;z-index: 2;}
.dewtab input[type=radio] { display: none; }
.dewcontent {font-size: 11px; position: absolute;top: 40px;bottom: -40px;left: -20px;right:-20px;background: url(https://i.imgur.com/21ezZMS.png);padding: 20px;  font-family: arial;text-align: justify;color: #000000;overflow: auto;}
.dewtab input[type=radio]:checked ~ label ~ .dewcontent {z-index: 1;}

</style>

<div class="mc"><div id="mcgif" style="background-image: url(gifHERE)"></div>

<h1>...</h1>

<div class="dewcontainer">
<div class="dewtabs">
<div class="dewtab">
<input type="radio" id="dewtab-1" name="dewtab-group-1" checked>
<label for="dewtab-1">RULES</label>
<div class="dewcontent">
<center><h2>ПОДХОДИМ К БАБОРАФУ</h2><P></center><br>
// Все вопросы до регистрации, если ответа на них нет в правилах или FAQ, задаются в гостевой теме.<br><br>
// На проект не принимаются неканоничные персонажи.<br><br>
// Регистрация профиля осуществляется латиницей и должна содержать имя и фамилию персонажа (в особых случаях имя профиля может состоять из псевдонима/прозвища персонажа).<br><br>
// Регистрация профиля не подразумевает придерживания роли, поэтому не забудьте отметиться в гостевой теме.<br><br>
// Подбирать реальные прототипы персонажам не обязательно.<br><br>
// На подачу анкеты даётся три дня с момента регистрации/смены роли (вы всегда можете продлить этот срок бронированием персонажа в гостевой теме, но не более трех раз на роль, или выкупом роли в банке). Аналогичный срок даётся на проверку её администрацией и на исправление ошибок (предупреждайте отдельно, если этого времени вам не хватает).<br><br>
// Анкеты, проходящие по заявке, проверяются и одобряются заказчиком — мы призываем переговорить в ЛС непосредственно с ним, если вас смущают некоторые пункты пожеланий; не исключено, что вы договоритесь или найдете компромисс.<br><br>
// Выкупать роль, для которой есть выкупленная заявка, можно только после согласования с ее автором, в противном случае в выкупе роли будет отказано. Однако вы можете на три дня по три раза придерживать роль, для которой есть выкупленная заявка, без согласования.<br><br>
// Для ролей, придержанных на текущий момент (сюда же относятся роли, выкупленные в банке), выкуп заявок не осуществляется.<br><br>
// Новичкам дается возможность сразу взять первые три роли. Регистрация четвертых, пятых и последующих ролей допускается при наличии минимум пяти постов за каждую из действующих ролей. В остальном на них действуют все те же правила о посещении форума и частоты написания постов, что и на основной профиль.<br><br>
// Оформляя подпись, не перегружайте её обилием больших гифок (высота больше 140px крайне не приветствуется). Мы полагаемся на ваше здравомыслие и всегда готовы помочь с тем, чтобы уменьшить или обрезать картинку, если у вас нет такой возможности.<br><br>

<center><h2>ДРУЖИМ С БАБОРАФОМ</h2><P></center><br>
// На проекте никак не ограничиваются ни размер ваших постов, ни оформление, но не забудьте согласовать игровые предпочтения с соигроками.<br><br>
// Играть в альтернативе уже присутствующей на форуме ролью не запрещено. <br><br>

<center><h2>РАЗГНЕВАННЫЙ БАБОРАФ</h2><P></center><<br>
// Мы за теплую атмосферу и взаимоуважение, поэтому разжигание конфликтов, переходы на личности, оскорбления, регулярные провокации и всё, что делает некомфортным пребывание на форуме других участников, ставит под удар ваше присутствие на проекте.<br><br>
// Частота посещения форума — <b>не реже раза в неделю</b>. Предупреждайте в теме отсутствия, если не сможете посещать форум дольше этого срока.<br><br>
// Не разрешается записывать в отсутствие профили, на которые заходили больше одного месяца назад.<br><br>
// Игровая активность — <b>не менее одного поста в два месяца</b>.<br><br>
// Если вы попали в тот или иной список не забывайте отписываться в <a href="https://yellowcrossover.ru/viewtopic.php?id=11605">на связи с баборафом</a>. Ссылки на посты для вычеркивания также приносим туда.<br><br>
// Рекламная деятельность осуществляется исключительно в рекламном разделе.
</div></div>

<div class="dewtab">
<input type="radio" id="dewtab-2" name="dewtab-group-1">
<label for="dewtab-2"> FAQ</label>
<div class="dewcontent">
<br>
<b>1. МОЙ ПЕРСОНАЖ ВСТРЕЧАЕТСЯ В СТОЛЬКИХ РАЗНЫХ ФЭНДОМАХ: И В МИФОЛОГИИ, И В КНИГАХ, И В ФИЛЬМАХ, УХ СЕЙЧАС ЗАЙМУ ЕГО В НИХ ВСЕХ!</b><br>
// Увы, так не получится, хотя бы потому, что во всех перечисленных произведениях образ героя почти наверняка существенно отличается: как историей и мотивацией, так внешностью и взаимоотношениями с другими героями. Поэтому нет, каждый персонаж «работает» в рамках своего фэндома, по которому вы пишете анкету.<br>
С комиксами, а также сериалами по ним, фильмами, параллельными вселенными ситуация сложнее; все-таки это единый фэндом, и тут все индивидуально: не всегда две версии недопустимы, не всегда они уместны, поэтому каждый случай будет обсуждаться и разрешаться отдельно, с учетом планов приходящего игрока, точки зрения игрока за первую версию, мнения каста. <br><br><br>

<b>2. ВСЕ ОБЫСКАЛ, ГДЕ ЖЕ ТЕМА ТОЧЕК ОТСЧЕТА?</b><br>
// Её нет и не планируется: мы искренне верим, что не стоит замыкаться на едином «принудительном» сюжете, когда можно вести их хоть десять, в любых таймлайнах и с любыми хэдканонами одновременно! Обо всех массовых эпизодах и планах софэндомовцы договариваются в своей общей теме, и каждый сам решает, что ему интересно играть, — без каких-либо ограничений. Подробнее узнать об обстановке в интересующем фэндоме можно в разделе фэндомных тем, а по всем вопросам — обратиться в гостевую.<br><br><br>

<b>3. МОЙ ПЕРСОНАЖ В КАНОНЕ УМЕР, Я НЕ СМОГУ ИГРАТЬ?</b><br>
// Вы вольны придумать как обойти этот момент в биографии персонажа или же «спасти» его, а можете прописать биографию до непосредственной смерти и отталкиваться впоследствии от сюжетов эпизодов, которые откроете: где-то события будут происходить до смерти, что-то вообще альтернативно, а может вам спастись поможет кто-то из другого фэндома, — у нас тут кроссовер! — отличный эпизод выйдет.<br><br><br>

<b>4. ХОЧУ ВЗЯТЬ ПЕРСОНАЖА РЕБЕНКА, НО ИГРАТЬ ЕГО ВЗРОСЛУЮ ВЕРСИЮ... А МОЖЕТ АДАПТИРОВАТЬ МУЛЬТЯШНОЕ ЖИВОТНОЕ В ЧЕЛОВЕКА. ИЛИ ВЗЯТЬ ЛЮБИМОЕ ОРУЖИЕ ПЕРСОНАЖА И ОЧЕЛОВЕЧИТЬ ЕГО. ЧТО СКАЖЕТЕ?</b><br>
// Первое условие адаптации: в каноне желаемый вами персонаж должен им и являться, взять неодушевленный предмет и прописать его как личность не выйдет, поскольку он будет тем же неканоном, которых у нас не принимают. Во всем остальном нет проблем: адаптируйте мультяшек, играйте взрослыми версиями персонажей, но не забудьте в анкете прописать каноничную информацию, а все свои хэдканоны и личные пожелания укажите в дополнительном пункте.<br><br><br>

<b>5. УВИДЕЛ, ЧТО МОГУ КУПИТЬ ТВИНКА В БАНКЕ. ЧТО ЭТО ЗНАЧИТ?</b><br>
//Те, кто очень хотят побыстрее приобрести твинка, могут сделать это в банке даже при отсутствии необходимого минимума постов на предыдущих профилях (если у вас их несколько, конечно). Выплачиваете необходимые проценты — и твинк ваш безо всяких условий, только в этом случае не забудьте приложить ссылку на соответствующее сообщение в банке.

<br>
</div></div>

<div class="dewtab">
<input type="radio" id="dewtab-3" name="dewtab-group-1">
<label for="dewtab-3">AMS</label>
<div class="dewcontent"><center><h2><img src="https://i.imgur.com/XFgy6zG.png" /><br><br>саурон</h2><P></center><br>
<center><img src="https://i.imgur.com/2feL42v.gif" /></center><br>
<i>Зло, которое никогда не дремлет. Денно и нощно занимаюсь бдением за всеми вокруг, а также, прожив многие тысячи лет, знаю ответы на все вопросы. А если и не знаю, то всегда могу уточнить у Палантира.<br>
Не бойтесь, ибо боятся те, кто не знает, с какой силой столкнулся. <br><br></i>

<center><h2><img src="https://i.imgur.com/89w45cA.png" /><br><br>ризли</h2><P></center><br>
<center><img src="https://i.imgur.com/pizwq2Z.gif" /></center><br>
<i>Стою на страже порядка вашего ментального здоровья и отбиваюсь от троллей в гостевой. Отвечаю за список провинившихся и помогаю в орг темах. Стараюсь быть хорошим полицейским, но иногда город засыпает и просыпается мафия.</i> <br><br>

<center><h2><img src="https://i.imgur.com/Ehjoaah.png" /><br><br>микаса</h2><P></center><br>
<center><img src="https://i.imgur.com/qFQsjnm.gif" /></center><br>
<i>Моя работа заключается в истреблении титанов и вырезании сердец наших врагов. Пока вы спите я нахожусь на страже наших стен, разношу весть о тех, кто вам так сильно нужен. Я постараюсь ответить на все ваши вопросы и помочь в трудную минуту</i> . <br>
</div></div>

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