Код:

<style type="text/css">
.golliew {
width: 500px;
height: 600px;
margin: 10px;
border: 10px solid #5b6d8c; 
border-radius: 20px;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #354854;
-moz-box-shadow: 1px 1px 2px #354854;
box-shadow: 1px 1px 2px #354854;
background: url(http://savepic.net/6657845.png) no-repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 600px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 1000px;
background: rgba(50,41,59,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(109,138,167,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 480px;
width: 480px;
top: 100px;
left: 10px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Arial Rounded MT Bold;
font-size: 16px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #51475c;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left; 
}

.gollinfo {
height: 220px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#4f6d8b;
}


.gollname {
font-family: Arial Rounded MT Bold;
font-size: 24px;
color: #4a687a;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://savepic.net/6626121.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">F.A.Q.</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#a8bed3">◉</font> <b>А что это у нас тут?</b></br>
- а у нас тут многогранность реального мира. Десятки разных дорог переплетенных тесными нитями судьбы, десятки душевных/семейных трагедий, десятки историй о любви. Здесь не просто воплощают в реальность свои фантазии, здесь ими дышат. Здесь ими  ж и в у т.
Мы будем рады видеть каждого со своей историей и с жаждой раскрыть персонажа и развить его линию. Это не фантастика и не мистика, современный реальный мир со всеми его плюсами и минусами, от маленькой семейной трагедии до мирового экономического кризиса. И все же это не значит, что мы все не можем мыслить о супергероях, вампирах и полетах в космос на Марс. Для фантазий иного рода есть специальные разделы.<br />
<font color="#a8bed3">◉</font> <b>Игра идет по определенному сюжету?</b></br>
- вообще нет. У каждого персонажа своя история, которую он хочет и может развивать, мы не ограничиваем в чем-то, не задаем рамки. У нас есть некое <a href="http://bostonadrenaline.rusff.me/viewtopic.php?id=34">▸вступительное слово</a>, которое раскрывает некоторые грани реальной жизни, все остальное- это ваша задумка.
Вместе с тем, по желанию игроков и инициативе администрации время от времени будут создаваться квесты, разбор ролей в котором будет происходить так же по желанию игроков. Участвовать в них или нет- полностью ваше право, но знайте, что за участие в таких квестах игрокам дарятся особые бонусы.<br />
<font color="#a8bed3">◉</font><b>Кем я могу быть в Бостоне?</b></br>
- кем угодно: врачом, адвокатом, полицейским, маньяком, которого разыскивает вся полиция города, студентом, библиотекарем, продавцом, барменом….Все реальные профессии, которые осваивает человечество с начала своего существования. 
К сожалению, или к счастью, вампиром, магом или прочими фантастическими и мистическими персонажами здесь можно быть только в разделе альтернативной игры. И, к слову об игре, она у нас- <i><b>эпизодическая</b></i>.<br />
<font color="#a8bed3">◉</font> <b>Каков рейтинг ролевой?</b></br>
- NC-17, а это значит, что вы можете позволить себе почти все, оформив это в красивую, приятную для слуха и глаза обертку. Чтобы она хрустела и вызывала мурашки по коже, а не приступы негодования и отвращения. Все мы разношерстная команда и не многим понравится сплошной, необоснованный мат в постах. Пощадим уши соигроков и тех, кто читает нас из интереса.
Так же вы можете быть любой ориентации, которая вообще возможна между людьми. [без зоофилии] Но опять же все обоснованно и красиво оформлено.<br />
<font color="#a8bed3">◉</font> <b>Можно ли менять внешности заявленных персонажей?</b></br>
- с этим вопросом можно обращаться только к заявителю и, если он соблазнится на ваши мольбы и просьбы, то, пожалуйста. Если нет, то не стоит обижаться, у каждого свои вкусы и видения персонажа, попытайтесь прийти к компромиссу не только с заказчиком, но и с самим собой.<br />
<font color="#a8bed3">◉</font> <b>А можно ли взять сразу нескольких персонажей?</b></br>
- сразу, увы, нет. Поймите нас правильно, мы не знаем, насколько вы активны и вы сами не знаете, насколько активны будете именно у нас, а между тем игроки, к которым вы пришли по заявке, будут очень на вас надеяться. Не стоит попусту вселять в человека надежду, пока вы сами не разберетесь в своем отношении к форуму. Это решение должно быть ответственным и хорошо взвешенным.<br />
<br /><br />

<br /><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">придержанные роли</div>
<div class="gollinfo">Erica Danvers<br />
name here<br />
name here</div></div>
<div id="clm2" class="column"><div class="gollund">придержанные внешности</div>
<div class="gollinfo">
<br />Колин Фарелл<br /> Фиби Тонкин и Лена Хеди<br />Николас Холт <br /> Rami Malek и Antonio Banderas до 30.04 <br /> Сара Болджер и Уилла Холланд до 30.03<br />Линдси Морган до 1.05 <br /> Фассбендер и О'Брайен до 1.05<br />Shannon Leto до 28.05
</div></div>
<div id="clm3" class="column"><div class="gollund">связь с администрацией</div>
<div class="gollinfo"><b>оливия</b><br />
567753580<br />
<b>феликс</b><br />
boraboraolala
</div>
</div>
</div>
</div>
</center>