[html]<link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'><center>

<div style="width: 450px; padding: 20px; background: #DCDCDC; border: 20px solid #000000 ">

<div style="padding-top: 5px; padding-bottom: 5px; background: #800000; color: #9dcd85; margin-top: 2px; margin-bottom: 2px; text-align:center; line-height: 100%; text-transform: uppercase; font-size: 10px; word-spacing: 5px; letter-spacing: 0px; font-family: geo;">WELCOME! </div>

<img src="http://s7.uploads.ru/t/mjKfc.gif" width="450"/>

<div style="padding: 10px; font-family: geo; line-height: 95%; color: #734e00; font-size: 13px; text-align:justify">

<center>Добро пожаловать на одну из старейших игр по миру Маскарада вампиров <b>VTM: eternal war</b>.<br>
Несколько важных фактов:<br>
жанр: городская мистика, вампиры, готик-панк<br>
Организация: эпизоды<br>
Мастеринг: смешанный (есть центральный сюжет и частные игры)<br>
Дата создания: 2011-09-29<br>
Рейтинг: NC-21<br><br>

Смело задавайте свои вопросы, мы обязательно ответим. Здесь же можно попросить придержать внешность. Флуд и разборки в гостевой запрещены, все диалоги должны вестись предельно корректно. Давайте уважать друг друга.<br><br>
Придержанные внешности:<br><br>
</center>

</div>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'><style type='text/css'>
.somacont { position:relative; width:380px; height:300px; left:-15px; }
.somablock { position:absolute; width:380px; height:300px; overflow:hidden; }
.wordcontainers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somablock:hover .wordcontainers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somainfo { position:absolute; top:-300px; width:380px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somablock:hover .somainfo { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somatitles { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz;  }
.somaidk { position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; }
.somaimageblock { width:380px; height:60px; overflow:hidden; }
.somawordsha { width:380px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:13px; font-family:times; color:#222; line-height:100%; }
</style>

</div>
</center>[/html]