Код:
[html]
<style type="text/css">

.trigger {
  width: 700px;
  height: 600px;
  padding: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 1px #999;
}

.triggerlyric {
  width: 420px;
  height: 174px;
  background-color: rgba(187, 179, 137, 0.8); 
  font: normal normal normal 14px/100% 'Georgia';
  color: #242019;
  text-align: center;
  text-transform: uppercase;
letter-spacing: 2px;
line-height: 24px;}

.triggercont { 
  width: 630px; 
  height: 530px; 
  background-color: rgba(187, 179, 137, 0.9); 
  padding: 10px;
    font: normal normal normal 13px/105% Georgia;
    text-align: justify;
    letter-spacing: 1px;
  color: #000; 
   overflow:auto; } 

.triggercont c2 {
  font: normal normal normal 10px/100% 'Oswald';
  color: #f3eddc;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #4b443b, 2px 2px 0px #282115;
    margin: 0px;
padding-top: 5px;
  }

.triggercont c1 {
    text-align: center;
  font: normal normal normal 20px/100% 'Oswald';
  color: #54493D;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #645c43, 2px 2px 0px #9b937b;
    margin: 0px;
padding-bottom: 5px;
  }

.triggerbig { 
  position: relative;
  left: 0px; 
  -webkit-transition: all .5s ease-out; 
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out; 
  -ms-transition: all .5s ease-out; } 

.trigger:hover .triggerbig {
  left: -705px; 
}
</style>

<center>
<div class="trigger">
<div class="triggerbig" style="width: 1200px; height: 308px;">
<div style="width: 468px; height: 308px; float: left;">
<div style="position:relative; top: 140px; left: 115px;">
<div style="width: 420px; height: 4px; background-color: rgba(255,255,255,0.3);"></div>

<div class="triggerlyric">Тематика: Кроссовер по аниме и манге<br><br>Рейтинг: NC-17<br><br>Система:
                        Эпизодическая<br><br>Мастеринг: Смешанный<br><br></div>

<div style="width: 420px; height: 4px; background-color: rgba(255,255,255,0.3);"></div>
</div>
</div>
<div style=" width: 468px; height: 308px; float: right;">
<div style="width: 630px; height: 4px; margin-top: 10px; background-color: rgba(255,255,255,0.3);"></div>

<div class="triggercont">

<center><c1> You want to win the war? Know what you're fighting for.</c1><br>
<c2>   Будет звучать голос. Будут рождаться звуки. <br>Будут лететь в космос, прямо тебе в руки. </c2></center>
<div style="width: 400px; height: 1px; background-color: #463e27; margin-top: 7px; margin-bottom: 7px; margin-left: 10px;"></div>
<div style="padding: 0px 20px 7px 20px;">

В каждом мире задумываются о существовании иных миров. Эта мысль бередит мозги многих ученых, и не только их. Но даже те, кто способны ходить по иным мирам, знают, что не способны зайти дальше некоего предела. Ничем не ограниченные, они внезапно натыкаются на непроходимый для них барьер, как стена. Стена Лабиринта. Скопления всех миров, являющих из себя этакие комнатки и пути в нём, ограниченные стенами. Но даже из Лабиринта должен быть выход, и даже в него можно войти. Этим входом и этим выходом одновременно является небольшой мир под названием Диатом. Или, возможно, он является лишь пересечением множества путей из множества комнат. Тем не менее, сомнению не подлежит несколько фактов. Первый - любой, желающий попасть в другое скопление миров, обязан пройти через Диатом, но в первый раз попасть туда он сможет лишь по призыву: намеренному призыву из Диатома, или совершенно случайному переносу туда же. Второй - в Диатоме они могут появляться лишь в нескольких зонах, где не действует ни одна из их сил, сколь необъятными бы они ни были в своих мирах. Третий - их появления начали происходить лишь сотню лет тому назад, когда появился первый странник из других миров, и именно тогда был в страшной спешке разработан браслет. Четвертый - даже в Диатоме нет полного понимания работы Лабиринта, пусть они и ближе всех остальных к нему. Нулевой - вся эта чехарда началась вовсе не по воле людей, проживающих в мире Диатома, но откуда и почему - один Лабиринт знает.<br>
2173 год. Февраль. Диатом. Мир, родственный Земле, но пошедший по пути разработки браслетов для защиты и контроля перемещений в другие миры. Организация Хорос, являющаяся этакой "полицией Лабиринта", и следящая за перемещениями по мере своих сил и возможностей. Эксперименты, проводимые людьми с Диатома - возможно ли передать силы из других миров им самим? Возможно ли использовать магию, о которой ходят легенды с момента появления легенд? Ведь легенда - правда.<br>
Вопрос. Как распорядится такой силой человек?

</div>
<div style="width: 630px; height: 4px; margin-top: 10px; background-color: rgba(255,255,255,0.3);"></div>
</div>
[/html]