Код:
<style type="text/css">.words::-webkit-scrollbar { height: 12px; width: 10px; background-color: #f6f6f6!important;}
.words::-webkit-scrollbar-thumb { background: #9d51a9!important; }
.words::-webkit-scrollbar-corner { background: #9d51a9!important; }
.words::-webkit-scrollbar-track { background: #f6f6f6!important; }
.itstime { margin: 0 auto; width: 400px; border-top: 20px solid #801890; margin-bottom: 25px; }
.academy { width: 400px; height: 200px; background-image:url('http://25.media.tumblr.com/adff56b68d70632c776e78871f72d57a/tumblr_mfz0c5IuTO1rqowzvo1_500.gif'); }
.spent { width: 380px; padding: 10px; background: #801890; text-align: center; font-family: calibri, verdana; font-size: 9pt; font-weight: bold; color: #eeeeee; text-transform: uppercase; }
.words { width: 390px; padding: 5px; background: #f6f6f6; height: 300px; overflow: auto; font-family: verdana, tahoma; font-size: 10px; color: #555555; text-align: justify; border-top: 15px solid #61136d; line-height: 1.2em; }
.ashes { width: 390px; padding: 5px; text-align: center; font-family: baskerville, georgia; font-size: 8pt; color: #eeeeee; background: #61136d; font-style: italic; }
.raincheck { background: /* ribbon color */ #801890; height: 25px; margin: 0px; position: relative; width: 400px; }
.raincheck:after, .raincheck:before { border-top: 50px solid /* ribbon color */ #801890; content: ''; height: 0; position: absolute; top: 100%; width: 0; }
.raincheck:after { border-left: 200px solid transparent; right: 0px; }
.raincheck:before { border-right: 200px solid transparent; left: 0px; }
.credits { position: relative; top: 45px; text-align: right; font-family: verdana, tahoma; font-size: 9px; text-transform: uppercase; text-decoration: none; }
.credits a, .credits a:hover { text-decoration: none; }
</style>

<div class="itstime">
<div class="academy"></div>
<div class="spent"><b>welcome to our university</b><br>
держись крепче, мы начинаем</div>
<div class="words">
Когда-то их было три. Три прекрасных (в буклетах, что раздавали на ежегодных днях открытых дверей, эпитетов, конечно, было на порядок больше) университета, готовивших первоклассных специалистов. Первый был известен как институт искусств, второй - спортивный, третий - гуманитарный. Вот только так уж вышло, что территория у них была одна. Печальное это обстоятельство послужило причиной для начала вражды между студентами, что никак не могли найти ответ на вопрос необычайной важности: какое же образовательное учреждение считать лучшим? <br>
А два года назад... Обрушилось на головы обучающихся и преподавательского состава воистину ужасное известие. Три университета, стоящих на единой земле, решено было объединить в один-единственный. Разумеется, тому имелся целый ряд причин: например, это значительно упрощало разрешение хозяйственных вопросов, да и заметно повышало престижность заведения. Но кого волновали эти причины? Уж точно не студентов. Студенты были в ярости. Озвученная ректором мысль о том, что отныне их злейшие враги должны стать лучшими друзьями, не давала им спокойно спать по ночам. Или, точнее, успешно веселиться - какой же нормальный студент будет ночью спать?<br>
Было объявлено перемирие. Пока улаживались все связанные с объединением формальности, все были слишком заняты, чтобы воевать. А может, искренне надеялись, что вражде придет конец... <br>
Но этому не суждено было случиться. Какой-то абсолютно нелепый повод, какое-то незначительно событие - и все началось вновь. <br>
И по сей день продолжается великое противостояние. Не выпустились еще те, кто помнит о временах, когда университетов было три - они-то и не дают страстям угаснуть.<br>
Но, может, все скоро изменится? Наступит долгожданный мир? Или военные действия станут еще более жестокими?
</div>
<div class="ashes"><b>решать тебе,</b>
наш дорогой игрок</div>
<div class="raincheck"></div>
<div class="credits"></div></div>