Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Domine:400,700|Bad+Script" rel="stylesheet" type="text/css">
<style type="text/css">
.wester {
border: 20px #11191C solid;
width: 400px;
height: 500px;
background-image: url('http://s6.uploads.ru/Ib4Ap.png');
0; will center if larger');
background-position: center;
}
.westhead {
width: 400px;
height: 100px;
background-color: #5C0B12;
line-height: 90%;
opacity: 0.0;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
position: relative;
top: -100px;
z-index: 2;
}
.westhead:hover {
opacity: 0.7;
}
#westerb {
width: 400px;
height: 500px;
position: relative;
overflow: hidden;
}
#westerb .apple {
-WEBKIT-TRANSITION: 3S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1S ALL EASE-IN-OUT;
O-TRANSITION: 1S ALL EASE-IN-OUT;
position: absolute;
left: 400px;
bottom: 0px;
width: 400px;
height: 500px;
background-color: rgba(237,239,236,.8);
}
#westerb:hover .apple {
-WEBKIT-TRANSITION: 1S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1S ALL EASE-IN-OUT;
O-TRANSITION: 1S ALL EASE-IN-OUT;
left: 0px;
}
.westminimg {
float: left;
margin-top: 10px;
margin-left: 10px;
border: 5px #11191C solid;
}
.westerbox {
text-align: center;
font-size: 10px;
color: #233554;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 8px;
padding: 3px 5px;
display: block;
width: 150px;
height: 13px;
}
.westerbox a {
font-weight: bold;
color: #BA7546;
}
.westerbox a:hover {
font-weight: bold;
color: #666376;
}
.westpersonality {
vertical-align: top;
text-align: left;
max-height: 120px;
overflow: auto;
padding-right: 2px;
border-bottom: 1px #11191C solid;
border-top: 1px #11191C solid;
}
.westpersonality::-webkit-scrollbar {
width: 2px;
}
.westpersonality::-webkit-scrollbar-track {
background-color: #EDEFEC;
}
.westpersonality::-webkit-scrollbar-thumb {
background-color: #35464E;
height: 5px;
}
.westpersonalityp { font-size:10px;
color: #11191C;}
.westpersonalityp:first-letter {font-family: 'Domine', serif; font-variant: small-caps; font-size: 12px;font-size: 12px;}
.westpersonalityp b{color: #1D2E35; font-weight:bold;font-variant: small-caps;font-size: 12px;}
.westpersonalityp i{color: #1D2E35;font-variant: small-caps; font-style:italic;font-size: 12px;}
.westpersonalityp u{color: #1D2E35;font-variant: small-caps; text-decoration:underline;font-size: 12px;}
.westpersonalityp a{color: #5C0B12;font-variant: small-caps;font-weight:bold;font-size: 12px;}
.westpersonalityp a:hover{color: #1D2E35;font-variant: small-caps;font-size: 12px;}
.westhistory {
width: 390px;
padding: 5px;
height: 200px;
overflow: auto;
}
.westhistoryp {
text-align:justify;
font-size:10px;
}
.westhistoryp b{color: #1D2E35; font-weight:bold;font-variant: small-caps;font-size: 12px;}
.westhistoryp i{color: #1D2E35;font-variant: small-caps; font-style:italic;font-size: 12px;}
.westhistoryp u{color: #1D2E35;font-variant: small-caps; text-decoration:underline;font-size: 12px;}
.westhistoryp a{color: #5C0B12;font-variant: small-caps;font-weight:bold;font-size: 12px;}
.westhistoryp a:hover{color: #1D2E35;font-variant: small-caps;font-size: 12px;}
.westhistoryp:first-letter {font-family: 'Domine', serif; font-variant: small-caps; font-size: 12px;}
.westhistory::-webkit-scrollbar {
width: 2px;
}
.westhistory::-webkit-scrollbar-track {
background-color: #EDEFEC;
}
.westhistory::-webkit-scrollbar-thumb {
background-color: #35464E;
height: 5px;
}
</style>
<center>
<div id="" class="wester">
<div id="westerb">
<div class="apple">
<div style="width: 400px; height: 100px; overflow: hidden;">
<img src="http://s3.uploads.ru/I4GBi.gif" />
<div class="westhead">
<div style="margin-top: -75px; overflow: hidden; color: #11191C; text-align: justiflied; font-size: 40px; font-variant: small-caps; font-family: 'Domine', serif; text-align: center; padding: 30px; overflow: hidden;">
<br><br>
Character Name
<br>
<span style="color: #EDEFEC; font-size: 10px; letter-spacing: 2px;">
player <strong>¤</strong> timezone <strong>¤</strong> playby</span></div>
</div>
</div>
<center>
<div style="height: 5px; width: 400px; opacity: 0.0;">
</div>
<table style="margin-right: 5px; margin-left: 5px; width: 390px;">
<tr>
<td class="westerbox" style="color: #5C0B12; width: 230px; margin-right: 5px;">
<span style="font-family: 'Domine', serif; font-variant: small-caps; font-size: 16px; letter-spacing: 2px;">
History</span></td>
<td class="westerbox" style="background-color: #35464E; color: #EDEFEC;">
our voice</td>
</tr>
<tr>
<td rowspan="6" style="width: 230px;margin-right: 2px;" valign="top">
<div class="westpersonality">
<p class="westpersonalityp"><b>Рейтинг:</b> NC-17<br>
<b>Жанр:</b> AU<br>
<b>Город:</b> сувон<br>
<b>Время:</b> 2015 год<br><br>
каждый из нас когда-либо открывал книги по истории, по мифам, какую-либо другую и каждый из нас когда-либо слышал о мистике, о богах, о мифах. каждый из нас слышал о пытках, казнях, братоубийстве, но не каждый слышал про секты. нет, о них сейчас говорят везде, где только можно, но близкого знакомства ни у кого никогда не было. никто никогда не прикасался к данному аспекту и не принимал его всерьез. а зря. <br>
корея. наши дни. город сувон, что находится недалеко от сеула. численность города около 1,2 млн людей. спокойная размеренная жизнь, что могло бы ей помешать, правда? а представьте теперь, что в городе начинают пропадать люди. пропадать без всякой видимой на то причины - вот ты вышел на работу, а вечером твое изуродованное тело нашли в лесу. и ты был не один - за тобой вереницей тянулись такие же жертвы: вскрытые трупы, "кровавые орлы", жертвы похожие на ритуал. а потом какой-то мальчишка сумел спастись - выбежал из того леса, но успел заметить людей в красных капюшонах. они могут называть себя как угодно - иллюминаты, куклус-клан, хлысты, мармоны - разницы не имеет. и теперь каждый житель сувона должен выучить простое правило - если ты заметил человека в красной одежде - лучше беги, пока ты не стал одной из его жертв. </p>
</div>
</td>
<td class="westerbox" style="background-color: #1D2E35; color: #EDEFEC;">
имя амс</td>
</tr>
<tr>
<td class="westerbox" style="background-color: #35464E; color: #EDEFEC;">
имя амс</td>
</tr>
<tr>
<td class="westerbox" style="background-color: #1D2E35; color: #EDEFEC;">
имя амс</td>
</tr>
<tr>
<td class="westerbox" style="background-color: #35464E; color: #EDEFEC;">
имя амс </td>
</tr>
<tr>
<td class="westerbox" style="background-color: #1D2E35; color: #EDEFEC;">
имя амс </td>
</tr>
<tr>
<td style="text-align: center; font-size: 12px;">
</td>
</tr>
</table>
<div style="height: 5px; width: 390px; opacity: 0.0;">
</div>
<div style="width: 390px; padding:5px;"><span style="font-family: 'Domine', serif; font-variant: small-caps; font-size: 16px; letter-spacing: 2px; float:right;">
. . . who is <b style="color: #5C0B12;">you</b>?</span></div>
<div class="westhistory">
<p class="westhistoryp"> <table class="table">
<table class="table">
<caption>Занятые внешности</caption>
<thead>
<tr>
<th colspan="2"><b>marmon [female]</b></th>
<th colspan="2"><b>illuminete [male]</b></th>
<th colspan="2"><b>jehovah's witnesses [need]</b></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2"><i><a href="http://runfromvoice.rusff.me/profile.php?id=10">Bae Joo Hyun</a> [Red Velvet]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=10">Jung Soo Jung</a> [f(x)]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=13">song qian</a> [f(x)]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=14">Kim Hyun Ah</a> [4minute/соло]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=16">park hye min (pony)</a> [соло]</i><br></td>
<td colspan="2"><i><a href="http://runfromvoice.rusff.me/profile.php?id=2">min yoongi</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=3">kim taehyung</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=5">jeon jung kook</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=6">kim nam joon</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?section=invites&id=7">kim jiwon</a> [ikon]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=8">park jimin</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=9">kim jong in</a> [exo]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=10">Wang Jackson</a> [GOT7]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=12">huang zitao</a> [solo]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=15">Song Minho</a> [WINNER]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=17">jung ho seok</a> [bts]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=15">oh sehun</a> [exo]</i><br>
<i><a href="http://runfromvoice.rusff.me/profile.php?id=15">lu han</a> [ex-exo]</i><br></td>
<td colspan="2"> </td>
</tr>
<tr>
</tr>
</tbody>
</table> </p>
<p class="westhistoryp"> </p>
</div>
<div style="height: 25px; width: 400px; background-color:#35464E;">
</div>
</center></div>
</div>
</div>
</center>Код:
<i><a href="ссылка на профиль">имя</a> [группа, соло]</i><br>
