Код:
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700|Rubik:500,700|Oxygen+Mono);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic);
#xdiv{position: relative; margin: 0 auto; width: 400px; height: 400px; border: 30px solid #fff; background-size: cover;}#xdiv:before,#xdiv:after{content:'';position:absolute;z-index:0;display:block;top:50%;left:0px;height:1px;width:400px;background-color:#fff;transition:all 1s linear}
#xdiv:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.3s linear}
#xdiv:after{display:block;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:transform 0.3s linear, opacity 0.3s linear 0.3s}
.rstext::-webkit-scrollbar{width:3px;height:3px}.rstext::-webkit-scrollbar-track{background-color:#fff}
.rstext::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #fff}#xdiv:hover:after,
#xdiv:hover:before{transform:rotate(0deg);opacity:0}
.wrap1{width:400px;z-index:99;overflow:hidden;position:relative;height:0px;margin:0px;margin-top:200px;background-color:#FFF;transition:height 1s 0.5s, margin-top 1s 0.5s;background-color:rgba(255, 255, 255, 0.3)}
#xdiv:hover .wrap1{height:400px;margin-top:0px}
.wrap2{margin:30px;padding:20px;padding-right:15px;text-align:justify;height:300px;background-color:#fff}
.rstext{padding-right:5px;overflow:auto;height:300px;font:11px 'istok web';color:#333}
.rstext h1{background-color:#fcd245;display:inline-block;padding:4px;font:14px 'oxygen mono';font-weight:normal;margin:3px 0px}.byrachel {text-align:right; width:414px; margin:0 auto; display:block; opacity:0.7;}
#blurb{width: 290px;
margin: 0 auto;
background-color: #fff;
text-align: left;
border: 0px solid #fff;
padding-bottom: 20px;}.name{font:11px 'Oxygen-Mono';font-weight:700;text-transform:uppercase;color:#151515;text-align:left;border-bottom:7px solid #d2d1d2;display:block;margin-bottom:6px}.blurb{font:8px 'oxygen mono';letter-spacing:2px;text-transform:uppercase;background-color:#f0f0f0;padding:3px}
.rstext b{border-bottom:2px solid #ebebeb}
.rstext h1 {background-color:##d2291a}
.name {border-color:##d2291a;}
</style>
<div id="xdiv" style="background-image: url('http://s4.uploads.ru/d/MAGzs.png');"><div class="wrap1"><div class="wrap2">
<div class="shipcont"><div id="blurb"><span class="name">
KM 0
</span>
<span class="blurb">
South Korea. Multiverse. episodes. nc-21
</span></div>
<div style="width: 285px;height: 260px;padding: 0px 8px 0px 0px;text-align: justify;text-transform: none;font-family: calibri;font-size: 11px;color: #3f3c3d;line-height: 10px;overflow: auto;/* letter-spacing: 2px; */" class="freckle">
привет гость, я твой большой и светлый <b>тисовый лес</b>. ты чувствуешь терпкий запах смолы? это я хочу донести до тебя уют. <br><br>
в первую очередь <b>kilometre / 0 / zero</b> ролевой проект, который базируется на 2х нет: <br><br>
- мы не придерживаем внешности, пользователи могут использовать любую внешность, какую только захотят<br><br>
- у нас нет сюжета, наш форум позволяет отыгрывать любой сюжет из любой вселенной<br><br>
Новые вселенные не возникают «из ничего» в момент на-
блюдения, они существуют в реальности так же, как суще-
ствует, а не возникает из небытия, волновая функция.
Электрон в любой момент времени находится в суперпози-
ции всех возможных состояний. И все эти состояния суще-
ствуют реально, потому что ни одно из них не имеет
преимуществ перед другими
</div></div></div></div></div>
</div>