Код:
<!--HTML--><head><link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Covered+By+Your+Grace|Nothing+You+Could+Do|Permanent+Marker|Reenie+Beanie|Rock+Salt|Shadows+Into+Light" rel="stylesheet">
<style>
#circlecontainer {background-color: #eee; background-image:url(http://s3.uploads.ru/VwTIe.gif); width: 450px; height: 230px; overflow: hidden;}
#circlecontainer:hover #imagecircle{ margin-right: -290px;}
#circlecontainer:hover #titlecircle { margin-left: 30px; color: rgba(255, 255, 255, 1);}
#circlecontainer:hover #outerwrap { margin-left: 55px;}#imagecircle {background-image:url(http://s9.uploads.ru/wa32R.gif); background-position:left;background-color: #000000; width: 350px; height: 300px; float: right; -webkit-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out;}
#titlecircle { background-color:#transparent; float: left; height: 80px; max-width: 80px; margin-top: 75px; -webkit-border-radius: 100px; padding-left:27px; padding-right: 27px; padding-bottom: 30px; padding-top: 20px;position: relative; margin-left: 5px; color: rgba(207, 131, 29, 1); font-family: 'Shadows Into Light', cursive; font-size: 20px; letter-spacing: 2px;-webkit-transition: 0.7s ease-in-out; line-height: 21px; text-align: center; }
#outerwrap { float: left; margin-left: -350px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out;}
#innerwrap {width: 335px; height: 150px; background-color: #282828; opacity: 0.8; border-top: 6px solid #4f5054; margin-top: 5px; }
#circlecontent { width: 300px; height: 115px; overflow: auto; background-color: #transparent; color: rgba(195, 195, 195, 1); text-align: justify; font-family: Lucida Console; font-size: 10px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; }
#circlecontent::-webkit-scrollbar-track { background-color: #cf831d; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}
.navdiamond { text-align: center; width: 25px; height: 25px; margin: 25px; padding: 5px; position: relative; color: #cf831d; font-family: 'Shadows Into Light', cursive; font-size: 14px; text-decoration: none; }
date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #cf831d;}
</style>
</head>
<center><div id="circlecontainer"><div id="outerwrap"><a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1475">IRIE SHOICHI</a> <a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1454">KIKYO</a><div id="innerwrap"><div id="circlecontent">
<date>Где-то в Южной Америке, TYL!таймлайн</date>
<period>.</period> Ирие хотел бы никогда не встречать людей из прошлой жизни, но коммуникативные тренинги от нового босса - страшное дело и отныне безопасность Шоичи в руках того, кто сильнее всех в мире желает ему смерти. Кикьё вот уже полгода развлекается тем, что выбирает для Ирие конец подольше и помучительнее, но когда удачный момент, наконец, наступит, ему придётся защищать того, кого мечтает прикончить.<br>
Перспективное начало успешной миссии, не так ли?</div></div></div>
<div id="imagecircle"><div id="titlecircle">episode name</div></div></div></center>
<P>
<BR><div class="sigsep"></div>
