<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">

<div class="withoutlove">
  <div class="pic" style="background: url(https://78.media.tumblr.com/6038af5cb60ad378130c52480cb85643/tumblr_od2yx1Rvg21qmzz57o1_500.gif);"></div>
  <div class="bar">
  <h1>Taeyong & Jungkook</h1><div class="clear"></div>
  Какого цвета твоя кровь?
  </div>
  
  <div class="body">
    <div class="text">
    <center>Три недели назад.</center><p>
    <center>Ливио.</center><p><p>
    Что делать, если физиономия нового временного напарника уж слишком знакома? Кого проверяет на этот раз КЗР? Кому из них недоверия больше? Да и проверка ли это? Или подстава от халлен, решивших заполучить обратно сбежавшее от них тело? Или просто странное стечение обстоятельств и ничего более? </div>
  </div>
</div>

<style>

  .withoutlove {
    width: 300px; height: 300px;margin: auto;
    background: #000; padding: 25px; overflow: hidden;
  }
  
  .withoutlove .pic {
    width: 268px; height: 150px; margin: -25px;
    border: solid 41px rgba(0,0,0,.5);
    transition: 1s;
  }
  
  .withoutlove:hover .pic {
    filter:invert(100%);
  }
  
  .withoutlove .bar {
    margin: 0px 0 0 0 ; font: italic 9px times;
    letter-spacing: 1px; text-transform: uppercase;
    padding: 39px 25px; text-align: center; color: #ddd;
    text-shadow: 1px 1px #633942; border-top: solid 1px #555;
    border-bottom: solid 1px #555; background: #222;
    position: relative; z-index: 200;
  }
  
  .withoutlove h1 {
    margin: 0; font-size: 22px; border-bottom: solid 1px #444;
    margin-bottom: 5px; display: inline-block;
  }
  
  .withoutlove .body {
    margin-top: -122px; height: 0px; padding-top: 25px;
    width: 300px; overflow: hidden;  transition: .6s;
    border-top: solid 1px #555; background: #222;
    position: relative; z-index: 250;
  }
  
  .withoutlove:hover .body {
     margin-top: -305px; height: 200px; border-top: solid 1px #555; 
  }
  
  .withoutlove .text {
    margin: 0 25px 25px 25px; color: #999; font: 9px/16px open sans;
    text-align: justify; height: 175px; overflow: auto;
    padding-right: 10px; opacity: 0; transition: .6s;
  }
  
  .withoutlove:hover .text {
    opacity: 1; 
  }
  
  .withoutlove .text::-webkit-scrollbar {
    width: 5px;
  }
  
  .withoutlove .text::-webkit-scrollbar-track {
    background: #222; border: solid 1px #444; border-radius: 5px;
  }
  
  .withoutlove .text::-webkit-scrollbar-thumb {
    background: #555; border: solid 1px #555; 
  }
</style>

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Playfair+Display:400|times new roman+Garamond:500,600|Roboto:600" rel="stylesheet">

<div class="jarscc">
 <div class="jarscclyr"><font style="color: #0d0614;font-size:14px;">Welcome to</font><font style="color: #3f2d4f;font-size:18px;"><br><b> Kill [the] Joy!</b></font><font style="color: #0d0614;font-size:14px;"><hr>Новости #1</font></div>
 <div class="jarsccicon">

   <img src="http://s8.uploads.ru/t/eN4or.jpg">

 </div>
 <div class="jarscctext"> 
Всем-всем-всем! Девятка снова на связи!
<br>А это значит все самые свежие новости здесь и прямо сейчас! Не пропустите - второй сеанс связи с девяткой!<br>

<br>А новости у нас самые что ни наесть радостные! Во-первых, уже пятница, а значит, что вот они, всеми любимые выходные уже не за горами! Во-вторых, мы все с вами пережили и остались в строю после празднования дня дурака, то бишь, первого апреля, ни кто ни кого не убил за белую спину, ни кто не умер из-за коленок сзади, этому-таки стоит отдельно порадоваться!<br>

<br>А вслед за хорошими новостями у нас на повестке дня еще более хорошие! Наши ряды полнятся новыми лицами а архивы историями. За прошедшее время было создано еще <b>шесть новых эпизодов</b> и написано <b>25 постов</b>. На форуме запущена и успешно введена в эксплуатацию <b>система ордеров</b>. А по итогам их уже взято и закрыто <b>более 25-ти штук</b>. Так держать, ребята! Мы верим в вас и ждем с нетерпением продолжения приключений! А их запланировано не мало. Помните - нам еще вселенную от зелени чистить, кто, если не мы? Не будем останавливаться на достигнутом, нам ведь не слабо побить достигнутые рекорды? И если не слабо - хватайте соигроков в охапку и вперед, бороздить просторы космоса! Ну а амс шлют вам всем лучи любви и музу-супермена вдогонку!<br>

<br><center>На этой неделе самое большое количество постов на счету у <a href='http://killjoys.rusff.me/profile.php?id=26'><b>Чонгука</b></a>
<br><img src='https://image.ibb.co/gu8Zrc/guk.png'>
<br> так держать, парень, родина тебя не забудет!</center> 
<br><center>Почетное звание самого активного флудераста достается <a href='http://killjoys.rusff.me/profile.php?section=essentials&id=32'><b>Юне</b></a>
<br><img src='https://image.ibb.co/c2EkxH/yuna.png'>
<br>а все потому, что <i>"нефиг было отвлекаться :Р"(с)</i></center>
<br><center>Лавры авторства самого интересного поста получает <a href='http://killjoys.rusff.me/profile.php?id=33'><b>Юнес</b></a>
<br><a href='http://killjoys.rusff.me/viewtopic.php?id=84#p2395'>не братья, а кошмар какой-то </a>
<br> <s>пеши есчо! а мы, если надо, плутонианскую лихорадку раздобудем! ;)</s> </center>
<br><center> А в номинации "эпизод недели" первенство на этот раз берут:  
<br><a href='http://killjoys.rusff.me/viewtopic.php?id=75#p1963'><b>СокДжин и Чонгук</b></a>
<br><a href='http://killjoys.rusff.me/viewtopic.php?id=75#p1963'>Skyline</a>
<br> мы все дружно ждем развития событий, давайте нам проду, ребята!</center>
<br><center>А на десерт, лучшая пара:
<br><img src='https://image.ibb.co/nP28jx/sokdzhin.png'> ♥ <img src='https://image.ibb.co/gu8Zrc/guk.png'>
<br><center><a href='http://killjoys.rusff.me/profile.php?id=25'><b>Seokjin</b></a> & <a href='http://killjoys.rusff.me/profile.php?id=26'><b>Jungkook</b></a>
<br>♥ ♥ ♥</center>

<br>Ну и напоследок хотим сказать отдельное спасибо нашим мастерам пиара, активно распространяющих на просторах ролевых наши листовки. Ребята, вы просто космос!<br>
С вами была Девятка. Оставайтесь с нами. До связи!<br>
 
 </div>
 <div class="jarscctag">

<center> #весны_не_будет_встречаем_лето</center>

 </div>
</div>
<div class="jarscccred"><a href="">♣</a></div>

<style>
.jarscc {
  width:500px;
  background:url(http://33.media.tumblr.com/88d73cbf2b7fbd5fa58e929c8c769d4a/tumblr_nnbgz24WxV1rlbqqro1_500.gif);
  background-attachment:fixed;
  background-size:cover;
  background-position:center center;
  margin:0 auto;
  position:relative;
  padding:40px;
}
.jarscclyr {
  padding:40px;
  text-align:center;
  font-family:Playfair Display;
  width:300px;
  max-height:30px;
  overflow:hidden;
  font-weight:300;
  font-style:italic;
  text-transform:uppercase;
  color:#000;
  font-size:10px;
  letter-spacing:3px;
  line-height:14px;
  background:rgba(900,900,900,0.9);
}
.jarsccicon {
  width:80px;
  height:80px;
  border:15px solid rgba(900,900,900,0.9);
  position:absolute;
  right:40px; top:40px;
}
.jarsccicon img {
  width:80px;
  height:80px;
}
.jarscctext {
  margin-top:20px;
  padding:40px;
  color:#000;
  font-family:'Cormorant Garamond';
  font-weight:400;
  text-align:justify;
  font-size:12px;
  line-height:15px;
  background:rgba(900,900,900,0.9);
}
.jarscctext b {
  color:#F07A2B;
}
.jarscctag {
  padding:10px;
  text-align:center;
  font-family:Playfair Display;
  font-weight:400;
  text-transform:uppercase;
  color:#000;
  font-size:8px;
  letter-spacing:2px;
  line-height:14px;
  margin-top:20px;
  background:rgba(900,900,900,0.9);
}
.jarscctag a {
  font-family:Playfair Display;
  font-weight:400;
  text-transform:uppercase;
  color:#000;
  font-size:8px;
  letter-spacing:2px;
}
.jarscccred {
  text-align:center;
  margin-top:2px;
  color:#444;
  font-family:Playfair Display;
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:1px;
}
.jarscccred a {
  text-decoration:none;
  color:#444;
  font-family:Roboto;
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:2px;
}
</style>