<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<center>
<div id="trc">
  <div class="trcimg"></div>
  <div class="trc1">karma<br> police.<br>keep<br>portland<br>weird</div>
  <div class="trc2"><div class="trc2a"></div>tags // #reallife #portland #usa #episodes</div>
  <div class="trc3">Портленд — город, охваченный лесами и парками, от которого рукой подать до побережья, погруженного в мирный шорох океанских волн. Портленд большой, шумный, но вместе с тем обладающий неуловимой гармонией всего окружающего и обещающий поселить эту гармонию в вашем сердце. Он умудряется тянуться до высот мегаполиса, но отличаться в определенных своих уголках уютностью маленьких городков, сулить вам бесконечное множество перспектив и стать укромным убежищем. И неважно, с какой именно из целей вы пересекаете его границы, на пороге вас неизменно будет встречать яркая вывеска с резвым оленем: <b>Portland, Oregon.</b><br><br><br>Добро пожаловать на форум! Мы рады приветствовать вас, с позволения сказать, у себя дома и предлагаем вам располагаться поудобнее, потому как просто так мы вас не отпустим. Но для того, чтобы вы сперва хорошенько разобрались в том, хочется ли вам располагаться, предоставляем краткий гайд по протекающей здесь жизни:<br><br>
<center><a href="http://karmap.rusff.me/viewtopic.php?id=3"><b>faq</b></a> // <a href="http://karmap.rusff.me/viewtopic.php?id=4">о городе</a> // <a href="ссылка"><b>об амс</b></a> // <a href="http://karmap.rusff.me/viewtopic.php?id=6">список внешностей и имен</a> // <a href="http://karmap.rusff.me/viewtopic.php?id=5"><b>список занятости</b></a> // <a href="http://karmap.rusff.me/viewtopic.php?id=9">нужные персонажи</a></center><br><br><center>

<br><b>придержаны за амс:</b><br>
haley bennett, margot robbie // Inessa Heavensbee<br>
colin farrell // eustace beast<br>

...<br>

<b>до 23.02:</b><br>
johnny harrington // запах выпечки <br>
laura schuller // frida gjertsen <br>
<b>до 24.02:</b><br>
haley attwel // туманность<br>
 <br>
<br>
</center>
</div>
  </div>
</center>


<style>
#trc {
height: 500px;
width: 450px;
position: relative;
overflow: hidden
}

.trcimg {
height: 500px;
width: 450px;
position: absolute;
background-image: url(http://forumstatic.ru/files/0018/14/7d/71759.png);
}

#trc .trcimg {
-webkit-transition-duration: 2s
}

#trc:hover .trcimg {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
transition-duration: 2s;
}

.trc1 {
height: 150px;
width: 180px;
position: absolute;
text-align: left;
top: 125px;
left: 140px;
border-left: 3px solid #ffe1b6;
padding-left: 10px;
font-family: arial black;
font-size: 30px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: 900;
line-height: 30px;
color: #c9a056;
-webkit-transition: 0.8s ease-in-out;
-webkit-transition-delay: 1s
}

.trc2 {
height: 40px;
width: 450px;
padding-left: 20px;
background-color: #c9a769;
line-height: 40px;
color: #ffe1b6;
position: absolute;
top: 40px;
font-family: arial narrow, sans serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: 100;
text-align: left;
left: -470px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}

.trc2 a {
color: #d5b97d;
text-decoration: none
}

.trc2a {
height: 90px;
width: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-image: url(http://i.imgur.com/5dAOXLm.gif);
position: absolute;
z-index: 3;
top: -25px;
right: 40px;
background-color: #d5b97d;
background-blend-mode: multiply
}

.trc3 {
height: 300px;
width: 300px;
padding: 10px;
border: 10px solid #8b836c;
background: #040404 url(http://forumstatic.ru/files/0018/14/7d/42465.png);
position: absolute;
left: 55px;
top: 500px;
overflow: auto;
font-family: arial narrow;
letter-spacing: 0.5px;
line-height: 11px;
font-size: 10px;
text-align: justify;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}

.trc3::-webkit-scrollbar {
width: 1px
}

.trc3::-webkit-scrollbar-thumb {
background-color: #bc9c6c
}

#trc:hover .trc1 {
left: -210px;
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}

#trc:hover .trc2 {
left: 0px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}

#trc:hover .trc3 {
top: 110px;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}</style>