Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=NewBaskerville' rel='stylesheet' type='text/css'>
<style>.greenwrap {background: url(http://i.imgur.com/mBp5pp0.jpg) no-repeat; width: 550px; height: 360px; margin: auto}
.greenslide {width: 550px; height: 360px; overflow: hidden; position: relative; }
.greenslide .slide1 { width: 550px; height: 360px; position: absolute; left: 0; top: 0; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in;}
.greenslide:hover .slide1 {left: 550px; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in;}
.greenname {font-family: 'NewBaskerville'; font-size: 30px; text-align: center; width: 550px; padding-top: 150px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5)}
.lyricswrap {width: 350px; margin-left: 100px; padding-top: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.5)}
.greenlyrics {color: #ffffff; text-transform: uppercase; font-size: 15px; font-family: NewBaskerville; line-height: 100%; }
.greeninner {opacity: 0; width: 550px; height: 350px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .greeninner:hover {opacity: 1}
.greencontent {background: rgba(255,255,255,0.65); margin: 20px; padding: 10px; font-size: 12px; height: 300px; overflow-y: hidden; overflow-x: auto; box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
.greencontent::-webkit-scrollbar { background: #fff; width: 5px; height: 8px;}
.greencontent::-webkit-scrollbar-thumb { background: #1d5f5d; width: 5px; height: 8px }
.greencontent::-webkit-scrollbar-corner { background: #000; }
</style>
<div class="greenwrap"><div class="greenslide"><div class="slide1"><div class="greenname">
Hana Kurabu: Drown in Sins
</div><div class="lyricswrap"><div class="greenlyrics">
<center>Приветствуем вас в Цветочном клубе! Здесь вы можете задать свои вопросы и придержать роль. Так же вы можете сюда обратиться, в случае если вам не пришел пароль.</center>
</div></div></div><div class="greeninner"><div class="greencontent">
<div style="font-family: NewBaskerville; font-size: 20px; text-align: center; font-size: 20px; color: #000; text-transform: lowercase;">Список придержанных</div><div style="padding-left: 50px; padding-right: 50px; padding-bottom: 5px; padding-top: 5px; text-align: justify;">Максимальный срок на который придерживается внешность
<center><b>5 дней.</b></center>
Внешность придерживается по следующему <b>шаблону:</b>
<center><b>Придерживая внешность:<br>
Соло/группа/актер/модель:<br>
Срок:<br>
Связь:<br></b></center></div>
<table cellpadding="0" cellspacing="0">
<td><div style="width: 210px; height: 340px; padding: 5px;">
<div class="claim"><div style="background-image: url(http://i.imgur.com/J3LAdUo.jpg); font-family: NewBaskerville; font-size: 20px; color: #fff; padding: 5px; 20px; width: 170px; text-align:center;">males</div><div class="font-family: NewBaskerville; font-size: 9px; text-transform: lowercase; height: 300px; overflow: auto;">
<a href=>Jung Yoon Ho --</a><br>
<a href=>Jung Ho Seok (JHope) --</a><br>
<a href=>Kim Won Shik (Ravi) --</a><br>
</div></div></div></td>
<td><div style="width: 210px; height: 340px; padding: 5px;">
<div class="claim"><div style="background-image: url(http://i.imgur.com/J3LAdUo.jpg); font-family: NewBaskerville; font-size: 20px; color: #fff; padding: 5px; 20px; width: 170px; text-align: center;">females</div><div class="font-family: NewBaskerville; font-size: 9px; text-transform: lowercase; height: 300px; overflow: auto;">
<a href=></a><br>
</div></div></div></div><div style="font-size: 9px; text-align: center;">
</div></center>Код:
<!--HTML--><link href="//fonts.googleapis.com/css?family=NewBaskerville" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=NewBaskerville" rel="stylesheet" type="text/css">
<div id="dumorte-announcement"><div id="dumore-a-header">CODE</div><div id="dumorte-a-inner">[quote][b]Придерживая внешность:[/b]<br>
[b]Соло/группа/актер/модель:[/b]<br>
[b]Срок:[/b]<br>
[b]Связь:[/b]<br>[/quote]
</div><div style="text-align:center; font: 12px times"></div>
<style>#dumorte-announcement {width:303px; height:auto; background-image: url(http://i.imgur.com/uu0CVkY.jpg); border:15px solid transparent; border-image: url(http://i.imgur.com/6zPH2hA.jpg) round 10 10; margin:auto; padding:10px}
#dumorte-a-inner {max-height:150px; overflow:auto; font:10px 'roboto condensed'; padding:10px; background:white; text-align:justify margin-top:-8px; padding:5px; }
#dumore-a-header {font:30px pacifico; text-align:center; margin-top:-10px; color:#64364D; text-shadow: 1px 1px 0px #fff}</style>
