[html]
<center>
<div class="appctn">
<div class="apptitle" id="membergrouphere">СТАНЦИЯ СЕУЛ</div>
<div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1" id="membergrouphere" style="margin-left: 1px; width: 313px;"><i class="fa fa-camera" aria-hidden="true"></i> ГЛАВНАЯ </label>
<div class="appcontent" style="overflow: hidden;">
<div style="width: 650px; margin-left: 130px;"><span class="tooltip"><a href="ссылка" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 1px;width: 100px; height: 40px;"><img src="https://forumstatic.ru/files/001b/d6/3c/37471.png"></a><em>
<center><b>сан</b></center><br>поможет, чем сможет.
<br></em></span>
<span class="tooltip"><a href="ссылка" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 2px;"><img src="https://forumstatic.ru/files/001b/d6/3c/54895.png"></a><em>
<center><b>уен</b></center><br>игривый лесенок.
<br></em></span>
<span class="tooltip"><a href="ссылка" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 2px;"><img src="https://forumstatic.ru/files/001b/d6/3c/47916.png"></a><em>
<center><b>минхо</b></center><br>хвала небесам, если не пошлет.
<br></em></span>
<span class="tooltip"><a href="ссылка" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 2px;"><img src="https://forumstatic.ru/files/001b/d6/3c/35573.png"></a><em>
<center><b>хан</b></center><br>белка, которая на все готова.
<br></em></span>
</div>
<br>
<br>
<div style="color: #524c61; font-family: vir; font-size: 14px; letter-spacing: 2px;"><br><center><b> рейтинг:</b> nc-21
<br><b> система игры:</b></b> эпизодическая
<br><b> тематика:</b> реал.
<br><b> место действия:</b> Корея. Сеул
<br><b> время в игре:</b> март-июнь 2023-го</center>
<br>
<justify>
<br><center> внешность придерживается: от гостя на <b>сутки</b>, от зарегистрированного профиля - на <b>5 дней</b></center>
<br> форум открыт в первую очередь для себя, поэтому за активом администрация ежедневно не следит.
<br></justify>
<br>
<center>- - - - - - - - - - -
</div>
</div>
</div>
<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2" id="membergrouphere"; style="margin-left: 1px; width: 313px;"><i class="fa fa-id-card"></i>
ПРИДЕРЖАННЫЕ </label>
<div class="appcontent">
<div class="apptext">
<center><br><b>ПРИДЕРЖАННЫЕ</b>
<br><br><i><b>ДО 05.06</b></i>
<br><i>[гseventeen] yoon jeonghan</i> - <a href="cсылка на профиль">за мечтателем</a>
<center><br><b>ВЫКУПЛЕННЫЕ</b>
<br><br><i>внешность на англ.</i> - <a href="cсылка на профиль">за кем</a>
<center><br><b>ЗА АМС</b>
<br><i>[actor] Wang Yi Bo</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actor] Xiao Zhan</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actor] Jung Yong Hwa</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actor] lee taeri </i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actor] dylan/cole sprouse</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actor] herman tømmeraas</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actress] Park Shin Hye</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actress] Bae Suzy</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[actress] Kim Yong-Ji </i> - <a href="cсылка на профиль">за амс</a>
<br><i>[btob] Seo Eunkwang</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[seventeen] Joshua Jisoo Hong</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[seventeen] Lee Chan</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[le sserafim] Huh Yunjin</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[epex] Kim Hyunwoo</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[nct-127] Nakamoto Yuta</i> - <a href="cсылка на профиль">за амс</a>
<br><i>[P1Harmony] Choi Ji-ung</i> - за амс
<br>
<br>
<div style="font-size: 10px;"><center>скопировать и вставить в [*code]</div>
<center><textarea rovs="18" style="text-align: center; overflow: auto; width: 588px; height: 25px; font-size: 10px; color: #828282; background-color: #827579; border: 1px double #827579; box-shadow: 0px 0px 2px #7d7575 0px 0px 2px #7d7575; name=" text"="" onfocus="this.select()" readonly=""><br><i>[группа на англ / actor / actress] внешность на англ.</i> - <a href="cсылка на профиль">за кем</a></textarea>
</div>
</div>
</div>
</div>
</div>
</center>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,900,900i" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.raventitle {
with: 100%;
margin: 0px;
padding: 8px;
font: 40px 'vir';
text-transform: lowercase;
color: #fff;
background: #eeeded;
border-bottom: 4px solid #bfa135;
}
.ravenctn {
background: #fcfcfc url('http://files.jcink.net/uploads/kris003/subtle_dots.png');
border: 1px solid #000;
margin: 0 auto;
max-width: 650px;
height: auto;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.ravencontent {
margin: 5px;
padding: 2px;
border: 2px #fff solid;
background: #;
font: normal normal 6px/100% 'vir', sans-serif;
text-align: justify;
color: #222;
margin-top: 10px;
}
.raventitle h1 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
border-bottom: 2px #4c4a62 solid;
}
.raventitle h3 {
font: normal normal 20px/100% 'vir', sans-serif;
text-align: right;
}
.mmtitle {
margin: -1px;
padding: 10px;
font: normal normal 30px/100% 'vir', sans-serif;
text-transform: lowercase;
color: #fff;
background: #414D59;
border-bottom: 5px solid #bfa135;
}
.mmctn {
background: #fcfcfc url('http://files.jcink.net/uploads/kris003/subtle_dots.png');
border: 1px solid #000;
margin: 0 auto;
margin-bottom: 10px;
max-width: 300px;
height: auto;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.td {
width: 80px;
height: 70px;
padding: 3px;
line-height: 5px;
text-align: center;
margin: 1px;
border: 1px solid #e4e4e4;
display: block;
float: left;
}
.apptitle {
padding: 20px 0px;
font: normal 380 30px/100% 'vir', sans-serif;
text-transform: lowercase;
text-align: center;
text-shadow: 1px 1px #909090;
border: 1px solid #ccc;
border-bottom: 0px;
color: #4c4a62;
background: #203746;
width: 628px;
height: 50px;
margin: 10px auto;
top: 10px;
position: relative;
line-height: 50px;
}
.appctn {
margin: 10px;
width: 650px;
height: auto;
position: relative;
background: url('hhttp://files.jcink.net/uploads/kris003/subtle_dots.png');
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.apptabs {
postition: relative;
display: block;
padding: 2px;
margin: 0px 10px 0px -1px;
font-size: 15px;
width: 659px;
height: 300px;
}
.apptab {
float: left;
text-transform: uppercase;
text-align: center;
font: normal normal 10px/100% 'Century Gothic', sans-serif;
color: #fff;
margin-right: 1px;
}
.apptab label {
display: block; /* this lets you fix the label dimensions */
width: 212px;
height: 26px;
line-height: 30px;
margin: 0px 0px 0px;
background: #3D6A8E;
border: 1px solid #ccc;
position: relative;
left: 8px;
top: -2px;
z-index: 3;
border-top: 0px;
}
.apptab input[type=radio]:checked ~ label {
background: #95A6B0;
z-index: 2;
}
.apptab input[type=radio] {
display: none; /* DON'T EDIT */
}
.appcontent {
position: absolute;
top: 129px;
bottom: 10px;
height: auto;
left: 10px;
width: 588px;
background: #ececec;
text-align: justify;
font: 20px #222 tahoma;
text-transform: none;
border: 1px solid #ccc;
padding: 20px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
overflow: auto;
}
/* if you want tab transitions they also go here */
.apptab input[type=radio]:checked ~ label ~ .appcontent {
z-index: 1; opacity: 1;
}
.apptext {
font: 11px tahoma;
color: #222;
}
.apptab label #membergrouphere {
background: #9c59e79;
}
.apptab input[type=radio]:checked ~ #membergrouphere {
background: #434549;
z-index: 2;
}
#membergrouphere {background:url(https://forumstatic.ru/files/001b/d6/3c/90738.png);}
membergrouphere { color: #4c4a62; }
membergrouphere a:link, membergrouphere a:visited, membergrouphere a:active, membergrouphere a:hover{ color: #4c4a62; }
/*админы*/
.tooltip { position: relative; }
.tooltip em { display: none; width: 310px;}
.tooltip:hover em {
font-style: normal;
display: block;
z-index:100000;
position: absolute;
background: #000;
color: #cacaca;
font: 10px "Georgia" !important;
letter-spacing: 0px!important;
padding: 10px 10px;
top: 10px;
left: 5;
wight: 150px;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 5px #4c4a62;
-moz-box-shadow: 0 0 5px #4c4a62; }
.tooltip:hover em i {
position: absolute;
top: 35px;
left: 5;
border-top: 7px solid #4c4a62;
border-left: 7px solid transparent;
z-index:100000;
display: block; }
.mp-tp-content textarea { width: 100%; min-height: 35px; background: #f7f7f7; }
</style>
[/html]
