Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<style type="text/css">
.longbox { width: 380px; height: auto; background-color: #724c10; padding: 10px; font-family: calibri; font-size: 12px; color: #b09b88; line-height: 100%; text-align: justify; overflow: auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0) inset; }
.lefttitle { width: 180px; height: 20px; background-color: #76683c; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #af997b; letter-spacing: 2px; line-height: 100%; padding-top: 10px;}
.righttitle { width: 180px; height: 20px; background-color: #76683c; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #af997b; letter-spacing: 2px; line-height: 100%; padding-top: 10px; margin-left: 10px; }
.jgumdropcontainer1 {
width: 500px;
height: auto;
background-color: #76683c;
margin: 10px auto 2px;
font: normal normal normal 12px/110% century gothic;
border: 10px solid #af997b;
box-shadow: 0px 3px 2px #af997b, 0px 0px 2px #af997b;
overflow: hidden;
position: relative;
text-align: justify;
}
.jgumdropcontainer1 ::-webkit-scrollbar { background: #bca897; width: 5px; border: 2px solid #af997b; }
.jgumdropcontainer1 ::-webkit-scrollbar-thumb { background: #69582d; }
.jgumdropcontainer1 ::-webkit-scrollbar-corner { background: #af997b; }
.jgumdropcontainer1 h1 {
margin: 1px auto 0px;
color: #baada5;
text-align: center;
font: normal normal normal 55px/100% 'century gothic';
text-transform: uppercase;
letter-spacing: -2px;
}
.jgumdropcontainer1 h2 {
margin: 5px auto 0px;
text-align: center;
font: normal normal 700 10px/100% 'Open Sans Condensed';
text-transform: uppercase;
color: #ded2c4;
letter-spacing: 1px;
}
.jgumdropcontainer1 h3 {
margin: 0px auto;
text-align: center;
font: normal normal 700 8px/100% 'Open Sans Condensed';
text-transform: uppercase;
color: #baada5;
letter-spacing: 1px;
}
.jgumdropcontainer2 {
background-color: #b8b6c1;
width: 500px;
height: 450px;
position: absolute;
top: 0px;
left: 0px;
opacity: 1;
}
.jgumdropcontainer {
margin: 10px auto; /* centers it */
height: auto;
width: auto;
}
.jgumdroptabs {
margin: 0px auto;
position: relative;
right: 0px;
width: 450px;
height: 410px;
}
.jgumdroptab {
float: left;
}
.jgumdroptab label {
display: block;
width: 25px;
height: 25px;
background: #76683c;
border: 1px solid #af997b;
border-radius: 50%;
margin-left: 10px;
position: relative;
left: 180px;
top: 400px;
z-index: 2;
}
.jgumdroptab input[type=radio]:checked ~ label {
background: #28462e;
z-index: 2;
}
.jgumdroptab input[type=radio] {
display: none; /* DON'T EDIT */
}
.jgumdropcontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #af997b;
padding: 0px 3px;
border: 20px solid #af997b;
outline: 1px solid #af997b;
overflow: auto;
}
.jgumdroptab input[type=radio]:checked ~ label ~ .jgumdropcontent {
z-index: 1;
}
.jgumdropcontent img { float:right; }
</style>
<div style="width: 670px; height: 35px; text-align: center; font-family: Cinzel; font-size: 42px; color: #76683c; padding-bottom: 10px; text-shadow: 2px 2px 0px #af997b;">
happy little pill
</div>
<div class="jgumdropcontainer1">
<div class="jgumdropcontainer">
<div class="jgumdroptabs">
<div class="jgumdroptab">
<input type="radio" id="jgumdroptab-1" name="jgumdroptab-group-1" checked>
<label for="jgumdroptab-1"> <! Tab One !> </label>
<div class="jgumdropcontent">
<center><b><font size="0.5" face="georgia">южная корея, ульсан // 2017 год // реальная жизнь и немного сюжета</font></b></center>
<font size="2" face="garamound"><i>Четыре стихии и четыре стороны света, все делится по квадратам. Выбирай:<br>
• нереальный, потонувший в дыме и кривых зеркалах, мигающий в свете неоновых ламп, яркий до тошноты;<br>
• изменчивый и текучий, где избыточность выставляется на показ, скрывая за собой ненависть и шипение завистливых змей;<br>
• опасный, дерганный и закрытый, давно лишившийся всяких законов, затворов и дамб; <br>
• отрешенный от остальных, стабильный и серый, как будто застывший во временной петле. <br>
Какую чувствуешь в себе жизнь? Какую цель? <br>
Какой... подвох? <br>
Выбирай. <br>
Или стирай границы.</i><br></font>
<br><center><b>warning! список занятых внешностей спрятан во второй вкладке.</b></center><br>
Доброго дня и всех благ от администрации тестового форума "happy little pill", посвященного Южной Корее, реальной жизни и человеческим страстям, особенно ярко проявляющемся в противостоянии. Наша основная цель - создать для себя и окружающих уютную площадку для игры, где будет соблюден баланс между сюжетным движем и общением, красотой и практичностью, спокойствием и весельем. Будем рады всем, кто ищет того же.<br>
Внешности придерживаются на 24 часа для гостей, вплоть до открытия для зарегистрированных пользователей, строго по шаблону, указанному ниже. <br><br>
</div>
</div>
<div class="jgumdroptab">
<input type="radio" id="jgumdroptab-2" name="jgumdroptab-group-1">
<label for="jgumdroptab-2"> <! Tab Two !> </label>
<div class="jgumdropcontent">
<div class="longbox">
<br><center><table cellspacing="0" cellpadding="0" style="position: relative;"><tr><td style="vertical-align: top;"><div class="lefttitle">boys:</div><div class="lboxes">
<br>
<center>
<b>min yoongi</b> [bts] → мятный<br>
<b>song joong ki</b> [actor] → minholik<br>
<b>park bo gum</b> [actor] → бог<br>
<b>byun baekhyun</b> [exo] → бен бекон<br>
<b>terada takuya</b> [cross gene] → неадекват<br>
<b>park jimin</b> [bts] → хокаге<br>
<b>lee joon</b> [mblaq] → ranger<br>
<b>kim taehyung</b> [bts] → 4D<br>
<b>jeon jungkook</b> [bts] → чонгук<br>
<b>mark tuan</b> [got7] → rise<br>
<b>kim mingyu</b> [seventeen] → rome<br>
<b>hong jisoo</b> [seventeen] → криокамера<br>
<b>oh sehun</b> [exo] → empty<br>
<b>lee minhyuk</b> [monsta x] → bingo<br>
<b>lu han</b> [solo] → rookie<br>
<b>lee taemin</b> [shinee] → фенрир<br>
<b>park chanyeol </b> [exo] → 8beat<br>
<b>kim minseok</b> [exo] → алдуин<br>
<b>byun baekhyun</b> [exo] → rookie<br>
<b>lee chan</b> [seventeen] → карл<br>
<b>jo jinho</b> [pentagon] → тайд<br>
<b>lee hwitaek</b> [pentagon] → тайд<br>
<b>kwon soonyoung</b> [seventeen] → мьюн<br>
<b>song mino</b> [winner] → выебоны<br>
<b>jeon wonwoo</b> [seventeen] → сохон<br>
<b>yoon junghan</b> [seventeen] → bingo<br>
<b>koo junhoe</b> [ikon] → бэтмен<br>
<b>nam taehyun</b> [solo] → argentum<br>
<b>kim jongin</b> [exo] → шелдон<br>
<b>im changkyun</b> [monsta x] → zombie<br>
<b>kim jiwon</b> [ikon] → shadow<br>
<b>kim hanbin </b> [ikon] → хартбрейкер<br>
<b>pil seo jin</b> [actor] → rave<br>
<b>kwon jiyong</b> [bigbang] → panda<br>
</center>
</div></td><td style="vertical-align: top;"><div class="righttitle">girls:</div><div class="rboxes">
<br>
<center>
<b>hwang mi young</b> [snsd] → funny<br>
<b>lim kim</b> [solo] → angry dragon<br>
<b>iu</b> [solo] → parseltongue<br>
<b>park chaeyoung</b> [blackpink] → луна<br>
<b>lee chae rin</b> [solo] → bad blood<br>
<b>jung soojung</b> [f(x)] → désenchantée<br>
<b>jennie kim</b> [blackpink] → les preferences<br>
<b>jang yeeun</b> [clc] → норд<br>
<b>kang seulgi</b> [red velvet] → hit me<br>
<b>lalisa manoban</b> [blackpink] → catwoman<br>
<b>kim ji won</b> [actress] → daddy girl<br>
<b>bae joo hyun</b> [red velvet] → geek<br>
<b>lee ji hyun (qri)</b> [t-ara] → growing pains<br>
<b>park joy</b> [red velvet] → london<br>
<b>bae suzy</b> [miss a] → мэрлин<br>
</center>
</div></td></tr></table></center></div>
<div class="title"></div><div class="longbox">
<br>
<br>
</div>
</div>
</div>
</div>
</div>
<img src="http://funkyimg.com/i/2nKGc.jpg">
</div>
Код:
<b>внешность</b> [группа] → ник<br>
