[html]
<div class="guestbook">
<held class="gb_list quote-box"><h4>придержаны</h4>
Xue Yang [mo dao zu shi] —  немного нервный До 3 сентября
diana prince [dc] — лайя До 8 сентября
Clark Kent [DC] — Clark Kent до 11.09
Vlad Dracula [Romance Club] — Clark Kent до 11.09
</held>

<think class="gb_list quote-box"><h4>выкуплено игроками "на подумать"</h4>
....

</think>

<request class="gb_list quote-box"><h4>выкупленные заявки</h4>
<a href="https://sunnycross.ru/viewtopic.php?pid=368214#p368214" class="gb" title="Neltharion">Neltharion</a> - выкупил Гневион
<a href="https://sunnycross.ru/viewtopic.php?pid=357816#p357816" class="gb" title="Beverly Marsh">Beverly Marsh</a> - выкупил Эдвард
<a href="https://sunnycross.ru/viewtopic.php?pid=373202#p373202" class="gb" title="Ezekiel Sutton">Ezekiel Sutton</a> - выкупила Кэрол
<a href="https://sunnycross.ru/viewtopic.php?pid=386502#p386502" class="gb" title=""Jesus" Pol Rovia">"Jesus" Pol Rovia</a> - выкупила Кэрол
<a href="https://sunnycross.ru/viewtopic.php?pid=351220#p351220" class="gb" title="Daenerys Targaryen">Daenerys Targaryen</a> - выкупил Джон Сноу
<a href="https://sunnycross.ru/viewtopic.php?pid=310125#p310125" class="gb" title="Elijah Mikaelson">Elijah Mikaelson</a> - выкупила Кэтрин Пирс
<a href="https://sunnycross.ru/viewtopic.php?id=8&p=4#p386103" class="gb" title="Anthony "Tony" Stark">Anthony "Tony" Stark</a> - выкупила Ванда Максимофф
<a href="https://sunnycross.ru/viewtopic.php?id=8&p=4#p386100]" class="gb" title="Steven Rogers">Steven Rogers</a> - выкупила Ванда Максимофф

</request>

<caste class="gb_list quote-box"><h4>с ними хотят играть вотпрямщас</h4>
<a href="https://sunnycross.ru/viewtopic.php?pid=386502#p386502" class="gb" title="Jesus Pol Rovia">"Jesus" Pol Rovia</a> - ОЧЕНЬ ОЧЕНЬ ОЧЕНЬ ждет Carol Peletier
</caste>

<zag>Добро пожаловать, друг!</zag>
<text class="greeting">Здесь мы ответим на твои вопросы, не стесняйся.
При отсутствии акции в нужных можно уточнить: возможно, просто еще не успели написать заявку. Неканоны - да! Дубликаты ролей (три Тони Старка итп) - только с разрешения уже присутствующего на проекте "первого" персонажа. Мультивселенная позволяет, но давайте уважать друг друга.
Приём игроков строго 18+.
Список твинов - открытый, заполняемый самими игроками в орг. теме, доступной для уже принятых игроков.
<br/><br/>
Мы придерживаем персонажей после вашей заявки в гостевой на три дня для незарегистрированных профилей и на семь дней для зарегистрированных.
</text>

<text class="amc"><center>Ваши доблестные хранители Шайна:<br/>
<a href="https://sunnycross.ru/profile.php?id=7" class="gb" title="администратор">loki</a>  //
<a href="https://sunnycross.ru/profile.php?id=4" class="gb" title="администратор">wanda</a>  //
<a href="https://sunnycross.ru/profile.php?id=179" class="gb" title="администратор">alecto</a>  //
<a href="https://sunnycross.ru/profile.php?id=256" class="gb" title="администратор">shika</a> // <a href="https://sunnycross.ru/profile.php?id=703" class="gb" title="администратор">pietro</a>
<br/><a href="https://sunnycross.ru/profile.php?id=265" class="gb2" title="модератор">circe</a></center>
<shinetg><a href="https://t.me/dreamsunnycross" title="Пообщаться с нами в телеге!"><img src="https://forumstatic.ru/files/001b/70/af/71280.png" alt="тг Шайна"></a>
<a href="https://sunnycross.ru/viewtopic.php?id=1747" title="Ознакомиться с сюжетами кастов"><img src="https://forumstatic.ru/files/001b/70/af/65189.png" alt="касты"></a>
<a href="https://discord.gg/zZhVFzPz" title="Заглянуть в Дискорд!"><img src="https://forumstatic.ru/files/001b/70/af/87989.png" alt="дискорд"></a></shinetg>
<buyout><a href='https://sunnycross.ru/viewtopic.php?id=6#p94018'>подробнее о выкупе заявок</a>
<br/><br/>
<a href="https://sunnycross.ru/viewtopic.php?pid=393875#p393875" class="gb" title="пораскрашивать">Пораскрашивать, пока выбираешь персонажа</a>
<br/><br/></buyout>
</text>
</div>

<style type="text/css">
.guestbook {
position: relative;
margin: 0 auto;
display: grid;
place-items: center;
gap: 0.5em;
grid-template-columns: 1fr 1fr;
grid-template-rows: 10% repeat(3, auto);
grid-template-areas:
"zag zag"
"greeting amc"
"held think"
"request caste";
}
zag {grid-area: zag;}
.greeting {grid-area: greeting; height: 100%;}
.amc {grid-area: amc; height: 100%;}
held {grid-area: held;}
think {grid-area: think;}
request {grid-area: request;}
caste {grid-area: caste;}
buyout {display: block; text-transform: uppercase; text-align: center; height: 100%; padding-top: 5%;}
.punbb shinetg {display: block; margin: 0.8em auto; text-align: center;}
shinetg img {width: 50px;}
.gb_list {
display: block;
width: 100%;
min-height: 5em;
height: 100%;
padding: 0.5em;
overflow-y: auto;
white-space: break-spaces;
}
.gb_list h4 {
    text-align: center;
    text-transform: uppercase;
    margin: 0.2em auto;
    width: 80%;
    padding: 0.5em;
    background: var(--accent);
    color: #d6d6d6;
    border-radius: 5px;
   
}
/*** МОБИЛЬНЫЙ ***/
@media screen and (max-width: 540px) {
.guestbook {
    grid-template-columns: 1fr;
    grid-template-rows: 10% repeat(6, auto);
    grid-template-areas:
    "zag"
    "greeting"
    "amc"
    "held"
    "think"
    "request"
    "caste";
}
}
</style>
[/html]

Имя персонажа латиницей [Фандом латиницей] — ваш ник

Подпись автора

(С) пинтерест