Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'> <style type="text/css"> .j8image { background-image: url(http://sf.uploads.ru/iMvPS.png) !important;} #j8container { margin: 20px auto; width: 580px; position: relative; } #j8container ::-webkit-scrollbar { background: #e8e8ea; width: 2px; } #j8container ::-webkit-scrollbar-thumb { background: #000; width: 2px; } #j8container ::-webkit-scrollbar-corner { background: #000; } #j8container h5 { margin-bottom: -45px; padding-top: -20px; width: 580px; height: 90px; font: normal 45px playball; text-shadow: 1px 1px #4c3319; color: #f6efcd; text-align: center; text-transform: lowercase; background-color: #d6a35c; border-top-left-radius: 15px; border-top-right-radius: 15px; } #j8container h6 { font: normal 8px calibri; text-transform: uppercase; color: #f7e3c5; text-align: center; letter-spacing: 3px; margin-top: -10px;} .j8image { width: 60px; height: 60px; margin: -2px; background-color: #999; background-size: 80px 80px; border-radius: 50%; border: solid 5px #f8f3db; position: absolute; top: 0px; left: 480px; } .j8trianglewhite { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #f2d99c; position: absolute; top: 58px; left: 25px; } .j8speech { width: 554px; background-color: #d6a35c ; margin: 3px auto; -webkit-box-shadow: inset 0px -1px 64px -2px #d6a35c ; padding: 10px; border-bottom: 15px #d6a35c solid; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-left: 3px #d6a35c solid; border-right: 3px #d6a35c solid;} .j8speech2 { width: 540px; background-color: #ffedbe; -webkit-box-shadow: inset 0px -1px 64px -2px #e9cb83; margin: -10px -8px; font: normal normal normal 10px verdana; padding: 15px; line-height:13px; letter-spacing:1px; text-align: justify; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} .para p:first-letter { font-size: 36px; font-family: 'Arquen'; color: #a76f2c; text-transform: uppercase; float: left; margin: 5px 0px 5px 0px; } .rest { line-height: 14px; } </style> <div id="j8container"><div class="j8border"> <h5> plot </h5> <h6> КОНЕЧНО, ЭТО ПРОИСХОДИТ В ТВОЕЙ ГОЛОВЕ. <br> НО ПОЧЕМУ ЭТО НЕ ДОЛЖНО БЫТЬ ПРАВДОЙ?<br></h6> <div class="j8image"></div></div><div class="j8trianglewhite"></div><div class="j8speech"><div class="j8speech2"> <center>«Мы не хозяева собственной жизни. Мы связаны с другими прошлым и настоящим. И каждый проступок, как и каждое доброе дело, рождают новое будущее»</center> <br><br> <div class="para"><p> Путешествия во времени, переход из одного мира в другой — обо всем этом мы слышали немало историй под катом «сказка» и «фантастика». Сколько раз мы мечтали оказаться в нужном месте в нужное время, сколько раз мы думали, что было бы здорово перенестись на несколько столетий по пространственно-временной дуге! Но все эти мысли отодвигали в сторону обстоятельства и возраст, в котором мечтать о подобном становилось как минимум нелепо: занимайся своими делами, а путешествия во времени оставь научной фантастике. <br></p></div> <div class="rest"> Но что, если ваша расческа, купленная в местном фикс-прайсе, — портал в другой мир? А потрепанный башмак, найденный в подворотне, — самая глубокая временная воронка?<br><br> Время объективно: его нельзя остановить и нельзя ускорить. Время — непрерывная полоса событий, связанных между собой самым непосредственным образом. Люди пропадают на месяца из-за маленькой броши, найденной в старом шкафу, спасают целые миры от исчезновения, — но по возвращению им сообщают, что их не было... Пять минут. И как хочется вновь вернуться назад, в тот мир, где им довелось побывать! Но к забытой где-то в комнатах замка Эренделла или в лачуге одиннадцатого дистрикта расческе прикасается уже другой человек, и все начинается по новой: другой мир, другое измерение, другая жизнь. </div> </div></div>