Гостевая #2

[html]
<center>
<div class="appctn">
<div class="apptitle" id="membergrouphere">M I L F O R D</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: 213px;"><i class="fa fa-camera" aria-hidden="true"></i> ГЛАВНАЯ </label>
<div class="appcontent" style="overflow: hidden;">
<div style="width: 450px;"><span class="tooltip"><a href="http://milford.f-rpg.ru/profile.php?id=3" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 1px;"><img src="http://forumupload.ru/uploads/001a/c7/eb/5/t833771.gif"></a><em>
<center><b>Алешка</b></center><br>главный администратор, который может как с легкостью совратить, так и выписать пиздюлей; отвечает абсолютно за все-все-все - смело обращайтесь к нему.
<br></em></span>
<span class="tooltip"><a href="http://milford.f-rpg.ru/profile.php?id=5" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 2px;"><img src="http://forumupload.ru/uploads/001a/c7/eb/5/t498755.gif"></a><em>
<center><b>Генри</b></center><br>так как мадама не знала сама, что написать о себе, напишу я. попала в амс через постель (не совсем, у нее золотые ручки) ;D можно дергать по любым вопросам, даже по абсурдным, не стесняйтесь. сильно ручками не трогать, все же собственность Алешки. Вообще милаха та еще и любит, когда читают правила и сюжет, когда не тупят, особенно тупость не любит. Но добрая и отзывчивая, быстрее всех реагирует и в курсе всех ИГР!
<br></em></span>
<span class="tooltip"><a href="http://milford.f-rpg.ru/profile.php?id=4" style="color: #827975; text-shadow: 1px 1px #827975; font-family: Neucha; font-size: 22px; letter-spacing: 2px;"><img src="http://forumupload.ru/uploads/001a/c7/eb/5/t105251.gif"></a><em>
<center><b>Анютка</b></center><br>зайка, лапушка, милашка, которая проведет вам экскурсию по городу - вы не успеете оглянуться, как влюбитесь в эту котичку. может кусаться, причем, очень больно. высокая степень ответственности. а еще она самый настоящий антистресс. но лапами всем трогать нельзя. да-да, Алешка сеструху точно не даст в обидку. и сюда влез, чтобы сразу было яснопонятно, что да как. мудаки сразу офф, пожалуйста.
<br></em></span></div>
<br>
<br>
<div style="color: #8a7d7d; font-family: Times New Roman; font-size: 11px; letter-spacing: 2px;"><br><center><b> рейтинг:</b> nc-21
<br><b> система игры:</b></b> эпизодическая
<br><b> мастеринг:</b> смешанный
<br><b> тематика:</b> реал, детектив, мистика, хоррор
<br><b> место действия:</b> Милфорд, Канада
<br><b> время в игре:</b> апрель-май 2020-го</center>
<br>

<justify>
<br>▶ внешность придерживается: от гостя на <b>сутки</b>, от зарегистрированного профиля - на <b>5 дней</b>;
<br>▶ но, если ваш профиль не активен три дня, после регистрации - бронь снимается;
<br>▶ персонажу должно быть от 15 до 18 лет. Взрослые персонажи <i><b>на данный момент</b></i> не принимаются;
<br>▶ выкупленные внешности и акции можно посмотреть <a href="http://milford.f-rpg.ru/viewtopic.php?id=7">здесь</a>.
<br></justify>
<br>
<center>- - - - - - - - - - -
<br><br><a href="http://milford.f-rpg.ru/viewtopic.php?id=5" class="moreLink">СЮЖЕТ</a> <a href="http://milford.f-rpg.ru/viewtopic.php?id=6" class="moreLink">ПРАВИЛА</a> <a href="http://milford.f-rpg.ru/viewtopic.php?id=15#p20" class="moreLink">ЗАНЯТОСТЬ</a> <a href="http://milford.f-rpg.ru/viewtopic.php?id=7" class="moreLink">ВНЕШНОСТИ</a> <a href="http://milford.f-rpg.ru/viewtopic.php?id=4" class="moreLink">АКЦИИ</a>
</div>
</div>
</div>
<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2" id="membergrouphere"><i class="fa fa-id-card"></i>
ПРИДЕРЖАННЫЕ </label>
<div class="appcontent">
<div class="apptext">
<center><br>Так же не забудьте посмотреть <b>выкупленные</b> в разделе "внешности".
<center><br><b>Maia Mitchell</b> - <a href="http://milford.f-rpg.ru/profile.php?id=44">Charlotte Langford</a>
<br><b>Colton Haynes</b> - <a href="http://milford.f-rpg.ru/profile.php?id=52">Francis</a>
<br>
<br>
<div style="font-size: 10px;"><center>скопировать и вставить в [*code]</div>
<br><center><textarea rovs="18" style="text-align: center; overflow: auto; width: 388px; 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><b>внешность на англ.</b> - <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 'Raleway';
text-transform: lowercase;
color: #fff;
background: #c59e79;
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: 450px;
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% 'Raleway', sans-serif;
text-align: justify;
color: #222;
margin-top: 10px;
}

.raventitle h1 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
border-bottom: 2px #c59e79 solid;
}

.raventitle h3 {
font: normal normal 20px/100% 'Raleway', sans-serif;
text-align: right;
}

.mmtitle {
margin: -1px;
padding: 10px;
font: normal normal 30px/100% 'Raleway', 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% 'Raleway', sans-serif;
text-transform: lowercase;
text-align: center;
text-shadow: 1px 1px #909090;
border: 1px solid #ccc;
border-bottom: 0px;
color: #c59e79;
background: #203746;
width: 428px;
height: 50px;
margin: 10px auto;
top: 10px;
position: relative;
line-height: 50px;
}

.appctn {
margin: 10px;
width: 450px;
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: 459px;
height: 400px;
}

.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: 388px;
background: #dfdbd7;
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(http://forumstatic.ru/files/001a/d8/94/92324.gif);}

membergrouphere { color: #c59e79; }
membergrouphere a:link, membergrouphere a:visited, membergrouphere a:active, membergrouphere a:hover{ color: #c59e79; }

/*админы*/

.tooltip { position: relative; }
.tooltip em { display: none; }
.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 #c59e79;
-moz-box-shadow: 0 0 5px #c59e79; }
.tooltip:hover em i {
position: absolute;
top: 35px;
left: 5;
border-top: 7px solid #c59e79;
border-left: 7px solid transparent;
z-index:100000;
display: block; }