Код:
<center>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>
.uno1 { width: 500px; height: 500px; overflow: hidden; }
.dos1 { height: 502px; overflow: hidden; margin-top: -130px; }
.tres1 { background: ; opacity: 0.6; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; -o-transition: 1.5s all ease-in-out; padding: 20px; width: 460px; height: 463px; transform: translateY(-500px); -webkit-transform: translateY(-500px); -o-transform: translateY(-500px); -moz-transform: translateY(-500px); }
.tres1:hover { opacity: 0.9; }
.extra1 { position: relative; width: 100px; padding: 10px; }
.uno1:hover .extra1 { position: relative; top: 500px; transition: 1.5s all ease-in-out; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; -o-transition: 1.5s all ease-in-out; }
.uno1:hover .tres1 { -webkit-transform: translateY(0px); transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); }
.triangles {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid #6B8E23;
}
.power { font-family: Arial; font-size: 10px; color: #FFFFFF; letter-spacing: 0px; line-height: 100%; }
.power p:first-letter { font-family: Oswald; font-size: 30px; color: #6B8E23; text-shadow: 3px 0px 0px #dad26e, -3px 0px 0px #3F59BA; }
.powerscroll::-webkit-scrollbar { height: 20px; background: #f7ffd3; }
.powerscroll::-webkit-scrollbar-thumb { background: #3F59BA; }
.powerscroll::-webkit-scrollbar-corner { background: #3F59BA; }
</style>
<div style="background: #6B8E23; width: 520px; height: 520px; padding-top: 30px; padding-bottom: 30px;">
<div style="background: #ffffff; width: 500px; height: 500px; padding: 10px;">
<div class="uno1">
<div style="background: url(http://se.uploads.ru/hciJb.png); width: 500px; height: 500px;">
<div class="extra1">
<div style="position: relative; top: 300px; left: 20px;">
<div style="font-family: Oswald; font-size: 40px; color: #6B8E23; text-shadow: 3px 0px 0px #dad26e, -3px 0px 0px #803d8d; letter-spacing: 3px; line-height: 90%;"> POWER <br> AND <br> CONTROL </div>
</div></div>
<div class="dos1">
<div class="tres1">
<div class="triangles"></div>
<div style="position: relative; bottom: 5px;">
<div style="font-family: Oswald; font-size: 35px; color: #6B8E23; text-shadow: 3px 0px 0px #dad26e, -3px 0px 0px #dad26e; letter-spacing: 0px; line-height: 90%; z-index: 15;">FAQ</div></div>
<center> <div style="width: 250px; background: #f7ffd3; height: 250px; padding: 40px; box-shadow: 2px 2px 0px #ffffff; margin-top: -40px;">
<div class="power powerscroll" style="background: #6B8E23; text-align: justify; width: 250px; height: 200px; overflow: auto; padding: 5px; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;">
<p><b>где все происходит и когда? </b>
США, штат Калифорния, Лос-Анджелес, наши дни. </p>
<br>
<p><b>о чем ваша ролевая?</b>
наша ролевая раскрывает объятия для звезд со всего мира, которых тянет в одно место - в бессмертный Голливуд. игра основана по принципу real-life, то есть звезды у нас реальные; фактически, выбирая себе, например, Андежлину Джоли, Люка Паскуалино или любую другую знаменитость, мы начинаем жить их жизнями, развивая на свое усмотрение. </p>
<br>
<p><b>разрешено ли у вас отхождение от каноничного характера звезды?</b>
никто не знает, какие эти звезды на самом деле, поэтому в плане характера - у вас полностью развязаны руки, развлекайтесь, но помните: во всем нужна мера. мы не хотели бы видеть Ханну Мюррей злобной стервой, носящей огромные шпильки: чем ближе вы останетесь к привычному для всех (на основе интервью и статей) образу, тем больше мы вам будем благодарны.</p>
<br>
<p><b>разрешены ли у вас гомосексуальные отношения и кросспол?</b>
разрешено и то, и то, НО: мы хотели бы попросить не афишировать такие отношения и не устраивать парады на каждом углу. все толерантны и никто не против, просто многие не привыкли, так зачем всех подряд шокировать? любите кого хотите, играйте с кем хотите - в этом никаких запретов нет.
насчет кросспола: помните, если вы взяли мужского персонажа, то пишите от мужского имени всегда, и во флуде тоже, чтобы не создавать диссонанс. женских персонажей это так же касается (пишите в женском всегда). </p>
<br>
<p><b>играть необходимо только в Голливуде?</b>
нет, конечно, так как игра у нас эпизодическая, то вы можете играть в любом времени и месте, но вот квесты все будут исключительно в LA, как и основное развитие сюжета. </p>
<br>
<p><b>внешности каких звезд можно брать?</b>
абсолютно любых, но, конечно же, желателен обоснуй того, как, например, Дарья Сагалова оказалась в Голливуде и поселилась в нем. </p>
<br><b>чем вы отличаетесь от других ролевых про Голливуд?</b>
мы не гонимся за популярностью, нам важна атмосфера. мы хотим, чтобы вам здесь было комфортно и уютно: кружка горячего какао, отчаянно зеленое лето за окном и Hooligans на мониторе - залог доброго утра. и мы будем к этому стремиться. </p>
<p><b> то есть живут звезды в LA?</b>
у них всех есть квартиры и особняки по всему миру, но в нашей игре - да, основное место жительства знаменитостей в городе ангелов. </p>
<br>
<p> <b>а что насчет отношений? Я хочу играть за Джоли, но не хочу замуж за Питта. что делать?</b>
вообще, не хотеть замуж за Питта - уже странно, но не переживайте: никто вас не заставляет поддерживать каноничные взаимоотношения вашей звезды, любите кого хотите, никто не будет проверять достоверность и лезть вам под одеяло. </p>
<br><b>какие развлечения в Лос-Анджелесе?</b>
у знаменитостей-то? помимо работы, для них открыты двери лучших казино, ночных клубов, пляжей, ресторанов и баров, они вольны в своих увлечениях.
Лос-Анджелес - это целый мир, но подробнее вы сможете прочитать в сюжете & описании города.
</div>
<div style="margin-top: 10px;"></div>
<center><div style="background: #6B8E23; width: 180px; height: 80px; padding: 30px;">
<table cellspacing="1">
<tbody>
<tr>
<td>
<div style="background: #f7ffd3; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #6B8E23; text-align: center;">faces</div></td>
<td><div style="background: #f7ffd3; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #6B8E23; text-align: center;">the plot</div></td>
</tr>
<tr>
<td><div style="background: #f7ffd3; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #6B8E23; text-align: center;">rules</div></td>
<td><div style="background: #f7ffd3; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #6B8E23; text-align: center;"><a href="ссылка"><span style="color: #ffffff">iris @ sp</span></a></div></td>
</tr>
</tbody>
</table>
</div></center>
</center>
</div>
</div>
</div>
</div>
</div></div></div>
</center>