[hideprofile]
[html]<link href="https://fonts.googleapis.com/css?family=Arimo|Roboto+Condensed:700" rel="stylesheet">
<style>

.trust {
position: relative;
background-image: url('https://i.pinimg.com/736x/a4/64/c4/a464c416335db17d43cb43cb0e0e6268.jpg');
height: 595px;
width: 790px;
border: 0px solid #ccc;
padding: 0px;
margin: 0px auto 0px;
min-height: 100px;
display: flex;
align-items: center;
flex-wrap: wrap;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}

.ttitle {
font-family: neutral face;
font-weight: 700;
display: block;
float: center;
font-size: 55px;
text-transform: uppercase;
max-width: 1000px;
text-stroke: 1px #ec8407;
color: #ec8407;
letter-spacing: 1px;
line-height: 130%;
text-align: ;
margin-left: 20px;
}

.ttext {
display: block;
width: 300px;
height: aut;
padding: 21px;
background-color: rgba(241, 241, 241, 0.9);
margin-top: 35px;
margin-left: 00px;
font-family: roboto condensed;
line-height: 150%;
font-size: 15px;
color: #333;
text-align: ;
border-left: 10px solid #ec8407;
border-radius: 0px;
}

.trust tag {
display: block;
width: 90%;
padding: 0px;
background: #ec8407;
border: 0px solid #ccc;
margin-top: -115px;
margin-left: 320px;
font-family: neutral face;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
color: rgba(241, 241, 241, 241);
line-height: 100%:
position: absolute;
}
.trust tage {
display: block;
width: 90%;
padding: 0px;
background: #ec8407;
border: 0px solid #ccc;
margin-top:-200px;
margin-bottom:-160px;
margin-left: 320px;
font-family: neutral face;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
color: rgba(241, 241, 241, 241);
line-height: 100%:
position: relative;
}

.trust tag a {
color: #141c66

}

.ttext b {
color: #141c66;
font-family: neutral face;
font-weight: 700;

}

.ttext i {
color: #ec8407;
}

.ttext u {
color: #ec8407;
}
img {
display: flex;
width:70px;
height:70px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
transition: all 0.2s;
}
.ttext2 {
position: relative;
top: -158px; left: 495px;
display: block;
width: 400px;
height: 120px;
padding-top: 5px;
background-color: rgba(241, 241, 241, 0.9);
margin-top: 30px;
margin-left: -470px;
font-family: arimo;
line-height: 50%;
font-size: 13px;
color: #333;
text-align: justify;
border-left: 10px solid #ec8407;
border-radius: 0px;
word-break: break-word;
}
.ttext3 {
position: relative;
top: -15px; left: 555px;
display: block;
width: 400px;
height: 120px;
padding-top: 5px;
background-color: rgba(241, 241, 241, 0.9);
margin-top: 30px;
margin-left: -470px;
font-family: arimo;
line-height: 50%;
font-size: 13px;
color: #333;
text-align: justify;
border-left: 10px solid #ec8407;
border-radius: 0px;
}
.ttext4 {
position: absolute;
top: 113px; left: 460px;
display: block;
width: 400px;
height: 120px;
padding-top: 5px;
background-color: rgba(241, 241, 241, 0.9);
margin-top: 30px;
margin-left: -470px;
font-family: arimo;
line-height: 50%;
font-size: 13px;
color: #333;
text-align: justify;
border-left: 10px solid #ec8407;
border-radius: px;
}
.scrollbox {
            background-color: #;
            border: 0px solid #ec8407;
            border-radius: px;
            padding: px;
            margin-top: 10px;
            width: 100px;
            height: 109px;
           overflow-y: hidden;
           overflow-x: auto;
          direction: ltr;
           
        }
       .scrollbox::-webkit-scrollbar {
            width: 5px;
        }

        .scrollbox::-webkit-scrollbar-track {
            background-color: rgba(241, 241, 241, 0);
            border-radius: 8px;
        }

        .scrollbox::-webkit-scrollbar-thumb {
            background: #ec8407;
            border-radius: 8px;
            width: 5px;
        }

        .scrollbox::-webkit-scrollbar-thumb:hover {
            background: #0b8043;
       
}
.app {
position: absolute;
top: 576px; right: 0px;
padding-left: 420px;
padding-right: 40px;
padding-bottom: 5px;
padding-top: 2px;
width: auto;
height: auto;
z-index: 1;
background: #ec8407;
font-size: 12px;
font-family: neutral face;
font-weight: 700;
color: #000;

}
.app2 {
position: absolute;
top: 310px; right: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: px;
width: auto;
height: auto;
z-index: 1;
background: #ec8407;
font-size: 12px;
font-family: neutral face;
font-weight: 700;
color: #000;
}
.app3 {
position: absolute;
top: 453px; right: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: px;
width: auto;
height: auto;
z-index: 1;
background: #ec8407;
font-size: 12px;
font-family: neutral face;
font-weight: 700;
color: #000;

}
.app4 {
position: absolute;
top: 166px; right: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;
padding-top: 1px;
width: auto;
height: auto;
z-index: 1;
background: #ec8407;
font-size: 12px;
font-family: neutral face;
font-weight: 700;
color: #000;
}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  display: inline-block;
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 100px;
  background-color: #000;
  color: #ec8407;
  text-align: center;
font-size: 11px;
  padding: 6px 0;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 25px;
margin-top: 50px;
  position: absolute;
  z-index: 1;
line-height: 12px;
font-weight: 700
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.ttext img  {

margin-right: 10px;
}
.textq {
position: absolute;
z-index: 1;
font-size: 12px;
margin-top: 570px;
margin-left: 120px;
font-family: neutral face;
font-weight: 700;
color: #fff;
}
.tooltip img {
position: relative;
  display: inline;

}
</style>
<div class="trust">
<pic style="background-image: url(https://upforme.ru/uploads/001c/67/60/2/12634.gif)"></pic>
<div class="ttitle">Приветствуем вас в НОРТБЭЕ</div>
<tag>закрытом административно-территориальном образовании или проще — городе закрытого типа
</tag>
<tage>#реальный_мир #наши_дни #способности #рисованные_внешности #18+</tage>
<div class="ttext">

<b  style="background-color:#ec8407; color:#000; font-size: 16px; padding-left: 5px; padding-right: 5px; font-size: 12px; ">С чего начать? </b><br>

<b  style="color:#ec8407; font-size: 16px;">●</b> Прочитать <a href="https://northbay.f-rpg.me/viewtopic.php?id=13#p17">сюжет</a>;<br>
<b  style="color:#ec8407; font-size: 16px;">●</b> Ознакомиться с <a href="https://northbay.f-rpg.me/viewtopic.php?id=13#p18">хронологией</a> и подробностями <a href="https://northbay.f-rpg.me/viewtopic.php?id=19#p37">о мире</a>;<br>
<b  style="color:#ec8407; font-size: 16px;">●</b> Посмотреть <a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p19">карту</a>;<br>
<b  style="color:#ec8407; font-size: 16px;">●</b> Проверить занятые <a href="https://northbay.f-rpg.me/viewtopic.php?id=16#p29">внешности</a>, <a href="https://northbay.f-rpg.me/viewtopic.php?id=15#p28">роли</a>, <a href="https://northbay.f-rpg.me/viewtopic.php?id=17#p30">способности</a>;<br>
<b  style="color: #ec8407; font-size: 16px;">●</b> Не забудьте проверить придержанные внешности, роли и акции (справа);<br>
<b  style="color:#ec8407; font-size: 16px;">●</b> "Пробежаться" по <a href="https://northbay.f-rpg.me/viewtopic.php?id=23#p55">нужным</a>;<br>
<b  style="color:#ec8407; font-size: 16px;">●</b> <a href="https://northbay.f-rpg.me/viewtopic.php?id=6#p7">Отдаться</a> в добрые руки (ну а вдруг?).
<br>
<br>

<b  style="background-color:#ec8407; color:#fff;padding-left: 50px; margin-left: 19px; padding-right: 50px; padding-bottom: 120px; font-size: 12px; padding-top: 5px; border-radius: 20px; margin-bottom: -10px;">Остались вопросы? </b>

<br><div class="tooltip"><span class="tooltiptext">Йенчик</span><a href="https://northbay.f-rpg.me/profile.php?id=10"><img src="https://upforme.ru/uploads/001c/9a/71/19/406533.jpg" style="padding-left: 29.5px;"></a></div><div class="tooltip"><span class="tooltiptext">Нейтуся</span><a href="https://northbay.f-rpg.me/profile.php?id=19"><img src="https://upforme.ru/uploads/001c/9a/71/11/153346.jpg"></a></div><div class="tooltip"><span class="tooltiptext" style="font-size: 10px;">Юрий Александрович</span><a href="https://northbay.f-rpg.me/profile.php?id=11"><img src="https://upforme.ru/uploads/001c/9a/71/11/744242.jpg"
style="width:70px; height:70px; padding-left: 0px;"></a></div><br>
<b  style="background-color:; color:#000; width: px; padding-left: 10px; margin-left: 0px; padding-right: 170px; margin-bottom: -120px; font-size: 12px;"></b>
</div>
<div class="app4">Забронированные внешности</div>
<div class="app"> (максимальный срок всех броней - 7 дней)</div>
<div class="textq">Напиши нам!</div>
<div class="app2">Забронированные роли и акции</div>
<div class="app3">Забронированные способности</div>
<div class="ttext2">  <div class="scrollbox"><b  style="color:#000; font-size: 13px;">
<br>

<br><br>ДО 15.06
<br><br>honkai: star rail / boothill за <a href="https://northbay.f-rpg.me/profile.php?id=151">matt carriker</a> ¹<br>
<br>hsr — robin за <a href="https://northbay.f-rpg.me/profile.php?id=149">emmanuelle de la croix</a> ¹<br>

<br><br><br>ВЫКУПЛЕННЫЕ ВНЕШНОСТИ
<br><br>jujutsu kaisen — hiromi higuruma за <a href="https://northbay.f-rpg.me/profile.php?id=26">афродита</a>^ထ<br>
<br>hsr — phainon за <a href="https://northbay.f-rpg.me/viewtopic.php?id=23#p32419">исключительной добротой</a>^ထ<br>
<br>kuroko no basket — atsushi murasakibara за <a href="https://northbay.f-rpg.me/profile.php?id=76">maeve o`connor</a><sup>ထ</sup><br>
<br>honkai: star rail — mortenax blade за <a href="https://northbay.f-rpg.me/profile.php?id=76">maeve o`connor</a> ^ထ<br>
<br>path to nowhere — shalom за <a href="https://northbay.f-rpg.me/profile.php?id=82">l. da vinci</a> ^ထ<br>
<br>twisted wonderland - azul ashengrotto за <a href="https://northbay.f-rpg.me/profile.php?id=76">maeve o`connor</a> ^ထ<br>
<br>aot — levi ackerman за АМС^ထ<br>
<br>haikyuu!! - atsumu miya за <a href="https://northbay.f-rpg.me/profile.php?id=121">reynard hunt</a> ^ထ<br>
<br><br><br>ВНЕШНОСТИ ПО АКЦИЯМ
<br><br>"Организованные и не очень":
<br>chainsaw man — makima
<br>chainsaw man — reze
<br>demon slayer — kanroji mitsuri
<br>dr. stone — senku ishigami
<br>
<br>"Гамельнский Крысолов":
<br>haikyū!! — sakusa kiyoomi
<br>harry potter — draco malfoy!adult
<br>jojo's bizarre adventure — elizabeth joestar
<br>sailor moon — hino rei
<br>tangled — rapunzel
<br>wind breaker — hayato suo
<br>
<br>"А я люблю военных...":
<br>golden kamuy — tsurumi tokushirou
<br>ghost in the shell — motoka kusanagi
<br>attack on titan — hange zoë
<br>blue lock — itoshi sae

<br>
<br>"Я волна, новая волна...":
<br>naruto — tsunade
<br>inuyasha — seshoumaru
<br>blue lock — rin itoshi
<br>jujutsu kaisen — suguru geto
<br>the  legend of korra — korra
<br>naruto — hinata hyuga
<br>
<br>"И жив и мертв одновременно":
<br>marvel — loki laufeyson
<br>sailor moon — ami mizuno
<br>nge — misato katsuragi
</b></div>

</div>
<div class="ttext3">
<div class="scrollbox"><b  style="color:#000; font-size: 13px;">
<br><br>ДО 31.05
<br><a href="https://northbay.f-rpg.me/viewtopic.php?id=23#p44940">мишелька</a> за <a href="https://northbay.f-rpg.me/profile.php?id=16">черри</a>¹<br>
<br><br>ДО 08.06
<br>гамма за <a href="https://northbay.f-rpg.me/profile.php?id=147">maybe.g</a> ¹<br>
<br><br>БЕССРОЧНО
<br><br>командир отдела спец назначения за амс<br>

</div>
<div class="ttext4">
<div class="scrollbox"><b  style="color:#000; font-size: 13px;">
</b>
</div>
</div><center><a href="-" style="color:#ccc;font-size:7px;letter-spacing:5px;">-</a></center>[/html]