Код:
<!--HTML-->
<style type="text/css">
.lorde-back { width: 500px; height:500px; text-align: justify; overflow:hidden; background-color:transparent;  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }
.lorde-back:hover .lorde-image {  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; margin-top:500px; }
.lorde-image { width: 450px; height:450px; padding:25px; background-color: transparent;  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; }
.lorde-inner{ background-color: transparent; width: 450px; height:450px; text-aling: justify; padding:25px; transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;  }
.lorde-back:hover .lorde-inner { margin-top:-1010px; }
.lorde-back:hover .lorde-triangle { border-style: solid; border-width: 0px 0px 0 0px; border-color: transparent transparent transparent transparent; }
.lorde-title { font-family:times; font-style:italic; font-size:25px; letter-spacing:3px;}
.lorde-subtitle { font-family:calibri; font-size:8px; letter-spacing:2px; text-transform:uppercase; padding-top:3px; }

.lorde-text { font-family: verdana; line-height:99%; text-transform:lowercase; font-size: 9px; text-align:justify; width:300px; height:220px; overflow:auto; padding-left:5px; padding-right:5px;}
.lorde-outer { width:400px; height:250px; border-bottom:15px solid transparent; }
.lorde-text::-webkit-scrollbar { width: 5px; }
.lorde-text::-webkit-scrollbar-track { background-color:#cccccc; }
.lorde-text::-webkit-scrollbar-thumb { background-color:#191919; }
.codesbymerc {  font-family:calibri; font-size:10px;  color:#191919; }
.codesbymerc a {  text-decoration:none; margin-top:-15px; }

.table1 { position: absolute; top: 110px; width: 250px; background-color: #1a1d16; font-family:calibri; font-size:8px; letter-spacing:2px; text-transform:uppercase;  line-height: 20px; color: #fff; }
.table2 { width: 450px; background-color: #fff; padding: 50px;  background: repeat;}
</style>

<center><div class="lorde-back">

<div class="lorde-image" style="background-color: transparent; text-align: justify; font-family: verdana; font-size: 12px;"><br><br><BR><BR><BR><BR><BR><BR><BR><BR> мы долго сидели и думали, что сделать с сюжетом на ролочке. десятки возродившихся пожирателей смерти, чемпионатов мира по квиддичу, турниров трех волшебников, пропавшей магии и узнавших о существовании мира волшебников маглов ввергли нас в уныние и мысли, что, короче, ну все это нахуй. серьезно! эти сюжеты никто не читает, в сюжетные квесты никого не затянешь, кому это, блять, надо. короче, ну вас нахуй. ищите сюжет в на других ролках, а у нас своих дел хватает. <br><br><BR><BR><BR><BR><BR><br><br><BR><BR><BR></div>
<div class="lorde-inner">
<br><br><BR><BR><BR><BR><BR><BR><BR><BR>мы не шутили. изначально мы планировали тип шутка, тип смешно, тип на самом деле вы наводите курсор и видите настоящий сюжет, в котором планировались шантаж и какая-то секретная организация, которая собирает на всех сомнительную информацию и потом пишет в пророк и потом у нас на тестовике собралась тусовка с ролки лондон.юк и дурслю стало как-то неловко и мы решили, что нахуй это все. зачем вам вообще сюжет какой-то? у вас интересные задумки для персонажей, пускай живут в себе в нормальном поствоенном мире, где все не то что бы хорошо, но нормально, где нет пожирателей, нет глобальных проблем и вообще вы можете спокойно фокусироваться на проблемах своих персонажей и не отвлекаться на всякую потерю магии и прочую поебень [да, мы снова скатываемся на уровень ролочек-реалов, нет, нам не стыдно]. локхарт тут вообще говорит, что игроки должны сами придумывать себе сюжет, а то вам и шаблон анкеты подавай, и биржу труда, и список персонажей, и вообще, надо быть самостоятельными.
</div>
<div style="padding-top:5px;"></div><center>
</center>

<center><div class="lorde-outer"><div style="padding-top:10px;"></div>
<center>

</div></center>

</div>
</div></center>