Код:
<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>