<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>

<center>
<div class="helenaapp">
<img src="http://funkyimg.com/i/22PB8.png">
<div class="helenacontainer">
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>

<div class="content"><br>


<h1>добро пожаловать</h1>
<table cellspacing="5" cellpadding="2" style="width: 80%; margin-bottom: -15px;"><br><center><b>Изучив описание вашей жизни, администратор определил вас в группу:</b><br><br>
<img src="http://funkyimg.com/i/22h4B.png"></center><br>
Приветствуем тебя, дорогой друг, на сей ролевой. Отныне ты признан нашим официальным игроком, а так же для тебя открыты необъятные просторы этого прекрасного , но, тем не менее, несколько буйного города. Только вот прежде чем начать игру, тебе следует посетить некоторые важные темы. Для начала разузнай побольше о нас, дабы в будущем не оказаться нарушителем закона: <a href="http://playbook.rusff.me/viewtopic.php?id=3#p3"><b>правила</b></a>. Там же есть и описание  города, в котором мы живём, поэтому у тебя есть возможность с лёгкостью приобщиться к культуре этого места! Не забудь оповестить нас о том, что за тобой окончательно укреплены внешность актёра и твои имя/фамилия: <a href="http://playbook.rusff.me/viewtopic.php?id=5"><b>занятые внешности</b></a>, <a href="http://playbook.rusff.me/viewtopic.php?id=345"><b>занятые имена/фамилии</b></a>. После чего ты можешь занять какую-либо должность в одной из огромных фирм или же просто стать невзрачным разносчиком пиццы: <a href="http://playbook.rusff.me/viewtopic.php?id=4"><b>профессии</b></a>. Если ты являешься учеником школы или колледжа тебе опять-таки в эту же самую тему с профессиями. И если ты хочешь приобщиться к нашему обществу в интернете, можешь завести себе страницу в <a href="http://playbook.rusff.me/viewtopic.php?id=25"><b>социальной сети</b></a> Чикаго. Но, коли интернет не представляет абсолютно никакого интереса для тебя – в этом нет ничего страшного. После того, как ты посетишь все эти темы, ты со спокойной душой можешь идти и <a href="http://playbook.rusff.me/viewtopic.php?id=18"><b>заполнять свой профиль</b></a>. В конце концов, для тебя открыто множество тем различного содержания. Можешь найти себе семью/друга/любовь в <a href="http://playbook.rusff.me/viewtopic.php?id=21"><b>выяснение отношений</b></a>. Если одиночествo закрадывается к тебе в сердце, то <a href="http://playbook.rusff.me/viewtopic.php?id=22"><b>поиск партнёра</b></a> вместе с <a href="http://playbook.rusff.me/viewforum.php?id=20"><b>флудом</b></a> помогут тебе. И последняя инстанция – это <a href="http://playbook.rusff.me/viewtopic.php?id=33"><b>награды</b></a>, которые можно получить за различные достижения. Куда же без них? <br>
На этом, пожалуй, всё. <br>
Ещё раз: добро пожаловать! Желаем тебе удачной игры.
</div>
</div>

<style type="text/css"> 
.helenaapp {
width: 480px;
height: auto;
position: relative;
overflow: hidden; 
background-image: url('http://funkyimg.com/i/22PE2.png');
border: 15px solid #00a2ff;
outline: 3px solid #d8c5e4;
text-align: justify;
}


/*оформление окна*/
.helenaapp .content h1 {
color: #000000;
text-shadow: #a96ecb 1px 1px;
text-align: center;
font-family: 'Cuprum', serif;
font-size: 38px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: -30px;
}


/*высота окна*/

.helenaapp .tabs {
margin: 10px auto; 
position: relative;
right: 0px;
width: 480px; 
height: 600px;
}


.helenaapp .content {
margin-top: 0px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #f4ebe7;
padding: 5px;
border: 20px solid #d8c5e4;
outline: 1px solid #d8c5e4;
}


.helenaapp .tab input[type=radio]:checked ~ label ~ .content {
z-index: 1;
opacity: 1; 
-webkit-transition: 0.8s all ease-in-out; 
-moz-transition: 0.8s all ease-in-out; 
-ms-transition: 0.8s all ease-in-out; 
-o-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out; 
-webkit-transition-delay: 0.8s all ease-in-out; 
-moz-transition-delay: 0.8s all ease-in-out; 
-ms-transition-delay: 0.8s all ease-in-out; 
-o-transition-delay: 0.8s all ease-in-out; 
transition-delay: 0.8s all ease-in-out; 
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); 
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); 
-ms-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); 
-o-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); 
transform: rotate(0deg) scale(1) skew(0deg) translateY(0px);
}
</style>