Код:
<!--HTML-->
<div class="htmldemo">
<style>
.fon {
background: url(http://s7.uploads.ru/cqkTl.jpg);
border: 2px solid #0c0d0f;
width: 720px;
padding-bottom: 24px;
padding-top: 24px;}
.fon2 {
background: url(http://s7.uploads.ru/cqkTl.jpg);
border: 1px solid #55595a;
position: relative;
width: 675px;
margin-left: 0;
}
.fontext {
background: rgba(90, 39, 39, 0);
opacity: 0;
height: 560px;
position: absolute;
text-align: justify;
transition: all 0.5s linear 0s;
padding: 20px;
width: 619px;
}
.fon2:hover .fontext {opacity:1}
.fonname { text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 29px;
text-shadow: 2px 1px 0 rgb(14, 68, 74);
color: #d1d1d1;
}
.aboutrole {font-size:11px}
.fonname1 {
background: url(http://s7.uploads.ru/cqkTl.jpg);
padding: 10px;
}
.privet {line-height: 15px;
font-size: 13px;
font-family: sans-serif;
border: 1px solid #55595a;
margin-top: 18px;
color: #7b8082;
background: url(http://s7.uploads.ru/cqkTl.jpg);
padding: 10px;
}
.zhdut1 {
font-size: 11px;
line-height: 12px;
margin-top: 20px;
height: 165px;
border: 1px solid #55595a;
color: #777c7d;
overflow-y: auto;
background: url(http://s7.uploads.ru/cqkTl.jpg);
padding: 10px;
width: 280px;
}
.zhdut2 {
font-size: 11px;
line-height: 11px;
margin-top: -186px;
height: 165px;
border: 1px solid #55595a;
color: #777c7d;
overflow-y: auto;
background: url(http://s7.uploads.ru/cqkTl.jpg);
padding: 10px;
width: 280px;
margin-left: 322px;
}
tit {
font-size: 16px;
font-family: 'Open Sans Condensed', sans-serif;
}
.zhdut tr {vertical-align: top}
</style>
<center> <div class="fon">
<div class="fon2">
<div class="fontext">
<div class="fonname1"><div class="fonname">THE DEVIL WITHIN</div>
<div class="aboutrole">
</div></div>
<div class="privet">
Все мы привыкли к историям о человеческой жадности, жестокости и распутстве. Как ни крути, как не успокаивай себя, на этом зиждется сей поганый мир. Сильные помыкают слабыми, без компромиссов. Плачущие вдовы, искалеченные сироты и прогнившие старики в подворотне - тому свидетельства. Это стало нормой, война всех против всех стала привычным делом. <br><br>
Но что, когда уровень жестокости резко вырастает до небывалых высот? Когда ваш разум отказывается верить увиденному? Скользящие тени там, где их не может быть. Невидимые твари, жрущие падаль в ночи. Восставшие люди, давно успокоенные в могилах, вдруг просыпаются. Уверены, что привыкли ко всему? Уверены, что хотите проверить? <br><br>
Ваша история начнется со двора графа де Сомбра. У вас была не простая судьба, но вы не одинок - вокруг вас собрались такие же, как вы, без дома, семьи, с темным прошлым. Вы - агент графа, выполняющий поручения престарелого аристократа. Весьма странные поручения. И платит он вам щедро не только за выполненную работу, но и молчание. <br><br>
Да сохранит вас Свет Истинный.
</div>
<div class="zhdut1">
<tit><center>Последнее напутствие</center></tit>
<br>
✦ В основном, мы играем сюжет.<br><br>
✦ Мы не гоняемся за исторической достоверностью.<br><br>
✦ Магии не существует. Почти.<br><br>
✦ Это больше детектив, чем боевик. Не стройте из себя ведьмаков.<br><br>
✦ Не надейтесь на хороший конец. С вами обязательно случится что-то очень плохое.<br>
</div>
<div class="zhdut2">
<tit><center>Связь с амс</center></tit>
<br>
✦ <b>Alvaro Santander</b> - концепт, гейм-мастер - millowazzzz (скайп), лс.<br><br>
✦ <b>Gabriel Kästner</b> - концепт, организация, гейм-мастер - лс.<br><br>
</div>
</div>
<img src="http://s0.uploads.ru/U0lBO.jpg">
</div>
</div>
</center></div>