<!--HTML-->

<div class="guestbook">
  <div class="guestbooktop">
    <div class="guestcover">
      <span>загадка дыры</span>
      <span class="info">городская мистика — nc-17 — эпизоды — уистлер, канада</span>
      <div>Добро пожаловать в Уистлер, лучшее место для активного отдыха с друзьями и семьей. Проходите за мной, я быстренько расскажу Вам про самые интересные места города…Что-что? Какая тварь? А, это. Не кричите так громко, и не обращайте внимания на пробегающие мимо ваших ног тени, это просто, кажется, один из мелких поганцев - держите крепче свою сумку и следите за тем, чтобы дети не играли с ними, если не хотите оставить свое чадо без пальцев. Шутка, конечно же. Или просто старая страшилка, Вы услышите нечто подобное от каждого местного. Итак, на чем мы остановились? Да, у нас для каждого найдется занятие по вкусу: каток, горные лыжи, бассейн в комплексе, массаж, бары и рестораны, велопрогулки и релакс на берегах озер летом, гонки на снегоходах зимой…Только не заходите далеко в лес, и не гуляйте слишком близко к старым шахтам. Это не самые лучшие маршруты, можно наткнуться на медведей, байкеров, на постоянно трущихся тут и там уфологов, а может быть и на то, что они так активно ищут в наших краях…И не угадаешь сразу, что из этого опаснее. Но, если вы будете соблюдать правила и не станете совать нос, куда не следует – это будет самый замечательный отдых в вашей (не)долгой жизни!</div>
    </div>
  </div>
  <div class="faces_names">
    <div class="guestblock">придержанные
      <div>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>внешности</b></span>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>по 19.08 включительно</b></span>
<span>sofia carson / <a href="http://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span><span>daniel sharman / <a href="https://holesecret.rusff.me/profile.php?id=72"> clarence wallace</a></span>
<br>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>имена</b></span>
<span>camilla bellweather / <a href="http://holetest.rusff.me/profile.php?id=4">sweet but psycho</a></span>
<span>florence milne / <a href="http://holetest.rusff.me/profile.php?id=27">маленький принц</a></span>
<span>lilith norman / <a href="https://holesecret.rusff.me/profile.php?id=19">lilith norman</a></span>
<span> nathan croft / <a href="https://holesecret.rusff.me/profile.php?id=19">lilith norman</a></span>
      </div>
    </div>
        <div class="guestblock">выкупленные
      <div>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>внешности</b></span>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>за амс</b></span>
<span>bill skarsgard</span>
<span>brendon urie</span>
<span>jack falahee </span>
<span>katherine mcnamara</span>
<span>kj apa</span>
<span>michele morrone</span>
<span>robbie amell</span>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>по 03.09 включительно</b></span>
<span>jacob elordi / <a href="https://holesecret.rusff.me/profile.php?id=7">teresa stark</a></span>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>по 04.09 включительно</b></span>
<span> tao okamoto / <a href="https://holesecret.rusff.me/profile.php?id=9">kyle stark</a></span>
<br>
<span style="font-size: 12px; background: #222; color: #fefefe"><b>имена</b></span>
<span> richard</span>
<span> hunter</span>
<span> peter mccoy</span>
<span> shannon lopez</span>
      </div>
    </div>
  </div>

<div class="guestrules">
— в игру принимаются только [!!!] люди. как бы вам ни хотелось поиграть за монстра, они остаются нпс.<br>
— внешности за гостями придерживаются на 12 часов, за зарегистрированными пользователями - на 3 суток. допускается продление внешности дважды по трое суток, после чего профиль идет под снос, а внешность освобождается.
</div>

  <div class="guestbookbottom">

<div class="guestcode"><strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">Выделить код</a></strong><div class="blockcode"><div class="scrollbox"><pre>имя Фамилия внешности на англ. / &lt;a href="ссылка_на_профиль"&gt;ник&lt;/a&gt;</pre></div></div>
  </div>
</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Nunito:wght@400;600;700;800&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.guestbook {
  background:#e0dfd8;
  width: 550px;
  border: 20px solid #e0dfd8;
  margin: auto;
  position: relative
}

.guestbooktop {
  background: url(https://forumstatic.ru/files/001a/da/fe/77879.jpg) no-repeat left -30px, url(https://forumstatic.ru/files/001a/da/fe/30614.jpg);
  background-size: 150%;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 25px), 0% 100%);
  width: 100%;
  height: 100%
}

.guestcover {
  background: rgba(0,0,0,.25);
  height: 100%;
  color: #d3d2d2;
  text-shadow: 1px 1px 1px #000;
  padding: 20px 20px 50px 20px;
  text-align: justify
}

.guestcover span {
  display: block;
  text-align: center;
  font: normal 30px tinos;
  text-transform: uppercase;
  letter-spacing: 5px;
  border: 1px solid rgba(255,255,255,.1);
  padding: 10px 0
  
}

.guestcover .info {
  font: 500 7px nunito;
  background: rgba(0,0,0,.5);
  padding: 5px 10px;
  margin: 10px 0;
  border: 0;
  letter-spacing: 2px
}

.guestcover div {
  font: 500 11px/18px nunito;
  padding-right: 5px;
}

.faces_names {
  margin-top: 15px;
  display: flex;
  justify-content: space-between
}

.guestblock {
  font: 800 13px nunito;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  width: 270px;
}

.guestblock > div {
  overflow-y: auto;
  max-height: 150px
}

.guestblock span {
  font: 600 10px nunito;
  text-transform: none;
  letter-spacing: 0px;
  display: block;
  margin: 5px
}

.guestblock span:first-child {
  margin-top: 10px
}

.guestrules {
  margin: 16px 5px 0 5px;
  font: 600 10px/16px nunito;
  border-top: 1px solid rgba(0,0,0,.2);
  padding-top: 16px
}

.guestbookbottom {
  background: url(https://forumstatic.ru/files/001a/da/fe/77879.jpg) no-repeat left -100px;
  background-size: cover;
  clip-path: polygon(0% 25px, 100% 0%, 100% 100%, 0% 100%);
  width: 100%;
  height: 100px;
  margin-top: 15px
}

.guestcode {
  top: 30px;
  position: relative;
  width: calc(100% - 30px);
  margin: auto
}

.guestbookbottom .blockcode {background: rgba(0,0,0,.8);
padding: 35px 0 10px 0;
color: #d3d2d2;
text-align: center;
}

.guestbookbottom strong.legend {
color: #e7e7e7;
 background: #4E5A67;
  font-family: nunito;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 0px;
  margin-top: 5px !important;
  margin-left: 5px;
  position: absolute;
  display: block;
  width: calc(100% - 10px);
  text-align: center
}

.guestbookbottom .legend a {color: #e7e7e7}
.guestbookbottom .legend a:hover {color: #888}

.guestbookbottom .scrollbox{width: auto !important;}

.guestbookbottom pre {font-family: montserrat !important;
font-size: 9px;
}
</style>