Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto|Monda|Vidaloka' rel='stylesheet' type='text/css'>
<style type="text/css">
#resolute {width: 430px; height: 370px; position: relative; overflow: hidden; }

#resolute .idea { -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; o-transition: 1.5s all ease-in-out; position: absolute; left: -430px; width: 290px; top: 35px;}

#resolute:hover .idea { -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; left: 20px; top: 35px; }

.reproof b { color: #PRETTY COLOR; }
.reproof i { color: #PRETTY COLOR; }

#resolute .reproof { -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; o-transition: 1.5s all ease-in-out; position: absolute; right: -430px; width: 290px; top: 95px; }

#resolute:hover .reproof { -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; right: 120px; top: 95px; }

.CHARscroll::-webkit-scrollbar{ width: 11px;  }
.CHARscroll::-webkit-scrollbar-track-piece { border-right: 5px solid #181818; border-left: 5px solid #181818; background: #000000; }
.CHARscroll::-webkit-scrollbar-thumb:vertical{ border-right: 4px solid #181818; border-left: 4px solid #181818; background-color: #000000; }

.CHARname { width: 390px; padding-bottom: 16px; background: rgba(0,0,0, 0.73); border: 1px solid #191919; padding-top: 13px; font: 15px vidaloka; color: #a768d0; }
.CHARstat { font: 7px roboto; color: #f3f3f3; text-transform: uppercase; letter-spacing: 1pt; }
.CHARfoot { width: 218px; height: 100px; background-color: #272727; border: 1px solid #212121; padding-left: 190px; padding-right: 20px; }
.CHARlyrics { width: 210px; padding-top: 50px; font: 7px monda; color: #f2f0f0; text-transform: uppercase; text-align: right; padding-bottom: 2px; padding-right: 10px; border-bottom: 1px solid #d6a614; }

.credit { width: 430px; text-align: center; font: 5px roboto; font-weight: bold; text-transform: uppercase; letter-spacing: 3pt; color: #000; }

</style>

<center><div style="width: 430px; height: 370px; background-image: url(http://sg.uploads.ru/fWtNq.jpg);">
<div id="resolute"><div class="idea"><div class="CHARname">berlin<br>
<div class="CHARstat">♫ black rebel motorcycle club</div></div></div>
<div class="reproof"><div style="width: 330px; height: 180px; padding: 30px; background: rgba(0,0,0, 0.55); border: 1px solid #252525; overflow: auto; font: 11px roboto; color: #dedede; text-align: justify; text-indent: 20px; " class="CHARscroll"><p > mi casa es su casa</p> 
<p >сказал офицер СС французскому военнопленному и прострелил ему коленную чашечку. Это то, чего ты никогда не прочитаешь на berlin.de, мой маленький маргинал. 'Мы больше не в Канзасе, Тото'  — написано над входом в kitty club, откуда в 5:57 утра выбегает разодетый в пух'n'сетку транс. Ему бы успеть избавиться от проступающей щетины, только блядский ampelmann расплывается в убитых зрачках красным крестом. Типичный осси: глянул на тебя, как Гослинг на липучку от кошелька Стива Карелла. Всё ещё не понял где ты, Тото?</p> 
 
<p >Зимой тут страх-тревога-тоска и одиночество, как на мемориале жертвам холокоста. Ветер лишит тебя достоинства, особенно, когда идешь по мосту над ж/д развязкой. И на кой тебе этот Berliner dom? На его низкие своды не встал бы даже у Рашдорфа под виагрой. Но знаешь, ты должен стать частью инсталляции: пройти через неё, потеряться в ней — чтобы ПОНЯТЬ. Глаза за нас с тобой закатит младший Дауни, пиво за нас допьёт вон тот нонконформист в пальто на голое тело, а мы съёбываем в kreuzberg! Прямо и налево, верь мне, а не google maps. По мосту oberbaum, тонко троллящему готику. Здесь вообще много мостов и воды. Это в воде, детка — как когда-то говорил Молко своим героиновым шлюхам. </p> 

<p >Кстати о них: уголки губ фрау Циммер не поднимались вверх с 1979 года, но вот она вспоминает, как смотрела в голубой глаз Боуи, томно делает тягу и бросает тебе ржавый ключ от 115й. И доверяй после этого airbnb. Оставь предрассудки и свой vintage пыльник в прокуренной комнате с видом на граффити Blu. Здесь одежда — часть перфоманса. Сойдёшь за своего в görlitzer park, где в красных глазах джанки можно разглядеть схему метро. Он будет хихикать и клясться, что Берлинскую стену снюхал Гитлер, но что толку вспоминать о чём-то рухнувшем в 1989м, когда твоему папаше впервые перепало на выпускном. Прям как эти у стены, высасывают друг у друга душу под надписью SHAM 69. Говорят, от стритарта ироничного El Bocho грудь растёт, прикинь?</p> 

<p >Эй, хабиби, Салим никогда не даёт сдачу, держи карму шире! На alexanderplatz такой милый пожилой мужчина попросил о помощи и долго пожимал твою липкую от карривурст ладошку, а потом пропали твои новенькие/старенькие casio. Вот ведь jason mraz! Ты прождал в очереди на berliner fernsehturm пару часов, отдал 13ть блядских евро за блядскую поездку на лифте и увидел Берлин в тумане. Будто система трахнула тебя моноподом. Требуй сатисфакции на пивоварне eschenbrau:  тёмное, светлое, сезонное и шнапс — лента в инсте засрана твоим косплеем на molecule man, но пока ты ещё можешь выговорить Бранденбургские ворота, ныряй в подземку. </p> 

<p >Отвлекись от своего заляпанного тачскрина, wi-fi всё равно лагает. Выныривай в районе tiergarten, тут лучшая 'блошка' города. Через два часа ты всё ещё будешь у стойки с пыльным винилом. Ещё через два — ты покупаешь затасканный trabant, смотришь в честный, но прищуренный как у Тома Йорка глаз продавца, и искренне веришь в то, что под капотом не двигатель от газонокосилки. Теперь тебя ненавидят велосипедисты на тандеме; 'зелёные' разбивают транспарантами капот, ведь благодаря тебе, Берлин снова загазован на 69 процентов. </p> 

<p >Что, мой house недостаточно deep для тебя?</p> 

</div></div></div></div>
<div class="CHARfoot"><div class="CHARlyrics">HOW LONG IS NOW?</div></div></div>
<a href="http://wecode.jcink.net/index.php?showuser=216"><div class="credit">c∆f</div></a>
</center>