Вы даже представить себе не можете насколько это потрясающее чувство - глоток, два, три, пять, пара литров хорошего холодного алкоголя, который продирает горло, заставляет мысли улетучится куда-то далеко-далеко...
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<style type="text/css"> .scroll::-webkit-scrollbar { background: #292929; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #4e4e4e; width: 10px } .scroll::-webkit-scrollbar-corner { background: #292929; } </style>
<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 3px solid #ab357c; position: relative; overflow: hidden;}
#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -150px;}</style>
<style type="text/css">#cappy1 {width: 100px; height: 100px; border: 3px solid #4e4e4e; position: relative; overflow: hidden;}
#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>
<style type="text/css">#cappy2 {width: 100px; height: 100px; border: 3px solid #ab357c; position: relative; overflow: hidden;}
#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -150px;}</style>
<center>
<div style="width: 450px; height: 460px; background-color: #bdbdbd; background-image: url(http://sh.uploads.ru/X8xsH.jpg); background-repeat: repeat; border: solid 10px #7d2e5b; padding: 25px;"><div style="width: 450px; height: 460px; background-color: #bdbdbd;">
<table><tr>
<td style="width: 110px; height: 450px; padding: 5px;">
<div id="cappy3">
<div class="page"><img src="http://sg.uploads.ru/2cbQm.gif"></div>
<div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
398-086-807<br>
мастер графики
</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="http://sh.uploads.ru/1LN4U.gif"></div>
<div style="width: 100px; height: 100px; background-color: #C5E0DC; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
651-665-559<br>
товарищ-объясняло
</div>
</div>
<br>
<div id="cappy2">
<div class="page"><img src="http://pix.academ.org/img/2015/06/25/136e4687e61f5f9cab18c2eaae420f1e.gif"></div>
<div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
620-256-711<br>
универсальный мозг
</div>
</div>
<br>
</div></td>
<td>
<div style="width: 300px; height: 30px; text-align: center; font-family: GalvestonTX; font-size: 35px; color: #dbd9d9; padding-bottom: 5px; text-shadow: 2px 2px 0px #2b2b2b;">
Seattle's mystery
</div>
<div style="width: 310px; height: 12px; background-color: #494949; padding-bottom: 5px; font-family: PT Sans Narrow; font-size: 10px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
кто ходит в гости к зомбакам, тот поступает мудро
</div>
<div style="width: 300px; height: 345px; background-color: #fff; font-family: PT Sans Narrow; font-size: 13px; line-height: 11px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
<center>Добро пожаловать, дорогие друзья на новый проект <b>YOU ARE ZOMBIE</b>, который на данный момент является единственным и неповторимым представителем ролевого сообщества, посвященный яркому, обновленному фандому iZombie.<br>
Мы готовы предоставить вам поле для игры, где ваши судьбы сплетутся во времени между прошлым и будущим, где в вашу ванную заглянет неупокоенный дух, а за обедом вы повстречаете скрытного медиума, который раскинет перед вами нити неизвестного бытия. Здесь расскажут о том, что происходит с нашими душами после клинической смерти, покажут истории летаргических снов.</center><p>
<center><b>Название:</b> You Are Zombie<br>
<b>Рейтинг:</b> NC-17<br>
<b>Открытие:</b> 01-05-2015<br></center><p>
<center>Для придержания внешности и\и роли заполните простой шаблон: <b><*b>ваш ник<*/b> вгрызается в <*i>внешность/роль на англ.<*/i></b><br>
<b>!!</b> не забывайте удалить звездочки и тег закрывать шаблон в тег [ code ]<br>
___________________________________________</center><br>
</div>
</td>
</tr></table>
</div></div>
<div style="width: 400px; font-family: georgia; font-size: 9px; color: white; text-align: right;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=95">©</a>
</center>
