<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One|Roboto+Condensed:700italic,400' rel='stylesheet' type='text/css'><center>
<style>
#tess {height: 350px; width: 460px; border: 10px solid #fcfcfc; position: relative; overflow: hidden}
.tess1 {height: 350px; width: 230px; position: absolute; background-image: url(http://41.media.tumblr.com/1fcd5121595ced8dda1f0a2a3fbea9b7/tumblr_mn5qptiZn21qcepcpo1_500.jpg); background-size: cover; z-index: 2}

#tess .tess1 {left: 0px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}

#tess:hover .tess1 {left: 230px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}

.tess1a {width: 230px; font-family: 'Fjalla One'; bottom: 175px; color: #fff; text-transform: uppercase; font-size: 33px; text-align: center; position: absolute}

.tess1a a {font-family: 'Fjalla One'; color: #fff; text-transform: uppercase; font-size: 33px; text-align: center;}


#tess .tess1a {bottom: 175px; -webkit-transition: linear 0.5s; -moz-transition: linear 0.5s; -ms-transition: linear 0.5s; -o-transition: linear 0.5s; transition: linear 0.5s;  -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}

#tess:hover .tess1a {bottom: 60px; -webkit-transition: linear 0.5s; -moz-transition: linear 0.5s; -ms-transition: linear 0.5s; -o-transition: linear 0.5s; transition: linear 0.5s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}


.tess1b {width: 146px; border: 2px solid #fcfcfc; position: absolute; left: 40px; padding: 5px 0px 5px 0px; color: #fff; font-family: Roboto Condensed; font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; background-image: url(http://i.imgur.com/3YfB87B.png)}
.tess1b::first-letter {color: #FFB7D8}

.tess2 {height: 350px; width: 230px; position: absolute; left: 230px; background-image:url(230 X 350 IMG HERE); }

#tess .tess1b {opacity: 0; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s;}
#tess:hover .tess1b {opacity: 1; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; -webkit-transition-delay: 1.1s; }


.tess3 {height: 320px; width: 200px; padding: 8.5px; border: 8.5px solid transparent; background-image: url(http://i.imgur.com/qG4Q3og.png); position: absolute; font-family: 'roboto condensed'; color: #fff; text-align: justify; text-transform: uppercase; font-size: 10px; line-height: 95%; overflow: auto}

.tess3::-webkit-scrollbar {width: 1px}
.tess3::-webkit-scrollbar-thumb {background: #fff}


</style>
<div id="tess">
<div class="tess1">
<div class="tess1a"><a href="........"><font style="color: #FFB7D8">W</font>ELCOME</a></div>
<div class="tess1b" style="top: 100px">USA</div>
<div class="tess1b" style="top: 135px">СПОСОБНОСТИ</div>
<div class="tess1b" style="top: 170px">ПОИСК ПОМОЩНИКОВ</div>


</div>
<div class="tess3"><P>Вы никогда не задумывались, что скрывается за каждым человеком? Что, если обычный человек обладает экстраординарной способностью? Нет, он не Супермен, не выходит ночью патрулировать улицы от преступников, но он способен, например, лишь одной силой мысли расстегнуть пуговицы на рубашке у очередной офисной стервы и опозорить её. Подождите, а вы видите вон ту девчушку? Говорят, она спалила волосы своей училки по алгебре. Присмотритесь внимательнее к своим знакомым, может быть, вокруг них тоже происходят необычные вещи...<br>
<P>
Добро пожаловать на пробник по реальной жизни со способностями! Мы с радостью придержим для любого желающего внешность (только не забудьте оставить способ связи с вами!), а также примем в нашу админ-команду новые лица. Шаблон для администрирования свободный, ведь все мы люди творческие, а рамки... к чему они? Расскажите о себе, почему вас привлек наш проект, чтобы вы хотели в него внести... Мы ждем каждого в нашу дружную семью!<br>
<P>
придержанные внешности<br>
~Olivia Wilde кушает плюшки вместе с mary<br>
~Lana Del Rey поймал енот<br>
~Freya Mavor идет за руку с mr. robot<br>
~nina dobrev придержана за <i>ванилью</i><br>
~carlson young забрала <i>бананка</i><br>

</div>

<div class="tess2"></div>

</div>
</center>

~имя звезды - придержана за <i>ник</i><br>
[hide=9999]связь[/hide]