[html]
<style>
/* =========================================================
BAD ATMOSPHERE — GUEST BOOK
========================================================= */
#ba_guestbook {
display:block !important;
width:94% !important;
max-width:860px !important;
margin:28px auto !important;
padding:0 !important;
background:#f1ede5 !important;
border-top:1px solid #2b2823 !important;
border-bottom:1px solid #bdb2a5 !important;
box-shadow:0 12px 28px rgba(55,47,39,.06) !important;
color:#2b2824 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:14px !important;
line-height:1.75 !important;
box-sizing:border-box !important;
}
#ba_guestbook *,
#ba_guestbook *::before,
#ba_guestbook *::after {
box-sizing:border-box !important;
}
/* HEADER */
#ba_guestbook .bg_header {
padding:38px 42px 28px !important;
text-align:center !important;
}
#ba_guestbook .bg_kicker {
display:block !important;
margin:0 0 10px !important;
color:#8b8175 !important;
font-size:9px !important;
font-weight:bold !important;
line-height:15px !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_title {
display:block !important;
color:#282520 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:31px !important;
font-weight:normal !important;
line-height:39px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_subtitle {
display:block !important;
margin:12px 0 0 !important;
color:#8f8579 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:15px !important;
letter-spacing:2.2px !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_header_line {
display:block !important;
width:90px !important;
height:1px !important;
margin:22px auto 0 !important;
background:#988b7d !important;
}
/* COVER */
#ba_guestbook .bg_cover {
padding:0 24px !important;
}
#ba_guestbook .bg_cover img {
display:block !important;
width:100% !important;
height:auto !important;
margin:0 auto !important;
border:1px solid #b9afa3 !important;
filter:saturate(.72) contrast(.97) !important;
}
/* NAV */
#ba_guestbook .bg_nav {
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
margin:25px 24px 0 !important;
padding:16px 20px !important;
background:#ddd3c6 !important;
border-top:1px solid #b7aa9b !important;
border-bottom:1px solid #b7aa9b !important;
}
#ba_guestbook .bg_nav a {
display:inline-block !important;
padding:2px 13px !important;
color:#4a423a !important;
font-size:9px !important;
font-weight:bold !important;
line-height:18px !important;
letter-spacing:1.4px !important;
text-decoration:none !important;
text-transform:uppercase !important;
border-right:1px solid #b6aa9d !important;
}
#ba_guestbook .bg_nav a:last-child {
border-right:0 !important;
}
#ba_guestbook .bg_nav a:hover {
color:#1f1c19 !important;
text-decoration:underline !important;
}
/* SECTIONS */
#ba_guestbook .bg_section {
display:grid !important;
grid-template-columns:58px minmax(0,1fr) !important;
column-gap:24px !important;
padding:32px 42px 35px !important;
border-top:1px solid #c6bbae !important;
}
#ba_guestbook .bg_section_first {
margin-top:26px !important;
}
#ba_guestbook .bg_section_alt {
background:rgba(214,204,191,.17) !important;
}
#ba_guestbook .bg_mark {
padding:0 18px 0 0 !important;
border-right:1px solid #b9ac9d !important;
color:#9b8e7f !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:23px !important;
line-height:31px !important;
text-align:right !important;
}
#ba_guestbook .bg_content {
min-width:0 !important;
}
#ba_guestbook .bg_section_title {
display:block !important;
color:#2a2722 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:18px !important;
font-weight:normal !important;
line-height:26px !important;
}
#ba_guestbook .bg_section_en {
display:block !important;
margin:6px 0 19px !important;
color:#908579 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:13px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
/* TEXT */
#ba_guestbook p {
margin:0 0 14px !important;
color:#38342f !important;
font-size:13px !important;
line-height:22px !important;
}
#ba_guestbook p:last-child {
margin-bottom:0 !important;
}
#ba_guestbook strong {
color:#24211d !important;
}
#ba_guestbook a {
color:#554a40 !important;
}
/* CODE MOUNT */
#ba_guestbook .ba-code-mount {
display:block !important;
width:100% !important;
}
/* CLAIMS */
#ba_guestbook .bg_claims {
display:grid !important;
grid-template-columns:1fr 1fr !important;
border-top:1px solid #c6bbae !important;
}
#ba_guestbook .bg_claim_box {
min-height:150px !important;
padding:30px 32px 32px !important;
}
#ba_guestbook .bg_claim_box:first-child {
border-right:1px solid #c6bbae !important;
}
#ba_guestbook .bg_claim_box_full {
grid-column:1 / -1 !important;
}
#ba_guestbook .bg_claim_box_full:first-child {
border-right:0 !important;
}
#ba_guestbook .bg_claim_title {
display:block !important;
color:#2e2a25 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:17px !important;
line-height:24px !important;
text-align:center !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_claim_en {
display:block !important;
margin:7px 0 20px !important;
color:#908579 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:13px !important;
letter-spacing:2px !important;
text-align:center !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_claim_list {
padding:15px 0 0 !important;
border-top:1px solid #c6bbae !important;
color:#756b61 !important;
font-size:12px !important;
line-height:20px !important;
}
#ba_guestbook .bg_claim_list_center {
text-align:center !important;
}
/* FINAL */
#ba_guestbook .bg_final_note {
padding:34px 42px 36px !important;
background:rgba(214,204,191,.18) !important;
border-top:1px solid #c6bbae !important;
text-align:center !important;
}
#ba_guestbook .bg_final_small {
display:block !important;
margin:0 0 10px !important;
color:#8b8175 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:14px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
#ba_guestbook .bg_final_text {
display:block !important;
color:#342f2a !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:15px !important;
line-height:24px !important;
}
/* FOOTER */
#ba_guestbook .bg_footer {
padding:25px 42px 27px !important;
background:#d8cec1 !important;
border-top:1px solid #aa9c8c !important;
text-align:center !important;
}
#ba_guestbook .bg_footer_line {
display:block !important;
width:90px !important;
height:1px !important;
margin:0 auto 17px !important;
background:#87796a !important;
}
#ba_guestbook .bg_signature {
display:block !important;
color:#766b60 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:14px !important;
letter-spacing:2.2px !important;
text-transform:uppercase !important;
}
/* MOBILE */
@media screen and (max-width:650px) {
#ba_guestbook {
width:100% !important;
margin:18px auto !important;
}
#ba_guestbook .bg_header,
#ba_guestbook .bg_final_note,
#ba_guestbook .bg_footer {
padding-left:22px !important;
padding-right:22px !important;
}
#ba_guestbook .bg_title {
font-size:25px !important;
line-height:32px !important;
}
#ba_guestbook .bg_cover {
padding:0 14px !important;
}
#ba_guestbook .bg_nav {
margin-left:14px !important;
margin-right:14px !important;
}
#ba_guestbook .bg_nav a {
padding:3px 8px !important;
border-right:0 !important;
}
#ba_guestbook .bg_section {
display:block !important;
padding:27px 22px 29px !important;
}
#ba_guestbook .bg_mark {
margin:0 0 11px !important;
padding:0 0 8px !important;
border-right:0 !important;
border-bottom:1px solid #b9ac9d !important;
text-align:left !important;
}
#ba_guestbook .bg_claims {
display:block !important;
}
#ba_guestbook .bg_claim_box:first-child {
border-right:0 !important;
border-bottom:1px solid #c6bbae !important;
}
#ba_guestbook .bg_claim_box_full:first-child {
border-bottom:0 !important;
}
}
</style>
<div id="ba_guestbook">
<div class="bg_header">
<span class="bg_kicker">
Bad Atmosphere / New York City
</span>
<span class="bg_title">
Гостевая
</span>
<span class="bg_subtitle">
Welcome Desk
</span>
<span class="bg_header_line"></span>
</div>
<div class="bg_cover">
<img
src="https://i.ibb.co/tMzzFKL7/for-guests.png"
alt="Bad Atmosphere — Guest Book"
>
</div>
<div class="bg_nav">
<a href="https://badnyc.f-rpg.me/viewtopic.php?id=15#p34">
FAQ
</a>
<a href="https://badnyc.f-rpg.me/viewtopic.php?id=14#p33">
Правила
</a>
<a href="https://badnyc.f-rpg.me/viewtopic.php?id=7#p26">
Job Board
</a>
<a href="https://badnyc.f-rpg.me/viewtopic.php?id=6#p25">
Занятые внешности
</a>
</div>
<div class="bg_section bg_section_first">
<div class="bg_mark">?</div>
<div class="bg_content">
<span class="bg_section_title">
Есть вопрос?
</span>
<span class="bg_section_en">
Ask Before You Panic
</span>
<p>
Если вы только присматриваетесь к форуму, хотите уточнить детали концепта,
проверить идею персонажа, задать вопрос по регистрации или просто не нашли
нужную информацию — пишите сюда.
</p>
<p>
Мы ответим, подскажем и при необходимости покажем пальцем, куда идти дальше.
Иногда буквально ссылкой.
</p>
<p>
Главный администратор форума —
<a href="https://badnyc.f-rpg.me/profile.php?id=2">
<strong>Doorman</strong>
</a>.
</p>
<p>
Если вопрос требует личного разговора, можно обратиться напрямую.
</p>
</div>
</div>
<div class="bg_section bg_section_alt">
<div class="bg_mark">+</div>
<div class="bg_content">
<span class="bg_section_title">
Придержать внешность
</span>
<span class="bg_section_en">
Face Claim / Hold Request
</span>
<p>
Хотите забрать внешность до подачи анкеты —
оставьте сообщение в этой теме по шаблону ниже.
</p>
</div>
</div>
<div class="bg_claims">
<div class="bg_claim_box bg_claim_box_full">
<span class="bg_claim_title">
Придержанные внешности
</span>
<span class="bg_claim_en">
Current Face Holds
</span>
<div class="bg_claim_list bg_claim_list_center">
Josh Heuston | макиато пор фавор
</div>
<div class="bg_claim_list bg_claim_list_center">
AnnaSophia Robb | Romashka
</div>
</div>
</div>
</div>
[/html]
[align=center]Внешность | Имя[/align]

