[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
#ship7 {
--shtxt: #ffeed5;
--shbg: #0f0d3c;
--shbrd: #686cab;
--shots: 14px;
--shotg: 16px;
--shotz: auto auto 16px -40px;
--shgrad: linear-gradient(90deg, transparent 10%, #11001a 50%, transparent 90%);
}
#ship7 {position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 50px auto; align-items: start; margin: 8px auto auto 2em;
max-width:630px; }
#ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
#ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
#ship7 *::-webkit-scrollbar-corner {background: transparent;}
#ship7 sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; box-sizing:border-box; background: var(--shbg) 50% 0% repeat; border: 1px solid var(--shbrd);} /* shipovnik */
#ship7 sh2 {display:block; height: 100%; width: auto; padding: 20px 6px 14px var(--shotg);}
#ship7 sh3 {display:block; margin-top:34px;}
#ship7 sh3:nth-child(1) {margin-top:0px;}
#ship7 sh4 {display:block; background: var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; box-sizing:border-box; margin: var(--shotz); border: 1px solid var(--shbrd);
font-family: Noto Serif, Georgia, Tahoma;
font-size: 18px;
}
#ship7 sh3 > p {position:relative; padding: 0 !important; margin-bottom:var(--shots);
text-align: left;
font-size: 11px;
line-height: 120%;
width:85%;
}
#ship7 sh3 > p:last-child {margin-bottom:0px;}
#ship7 sh3 > p::after {display:block; content:""; width:75%; height:1px; background:var(--shgrad); margin-top:var(--shots); }
#ship7 sh3 > p:last-child::after {display:none;}
#ship7 sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px;
max-height: 60px;
}
#ship7 sh9 {display: block; width: 630px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px;
color: #163961;
}
#ship7 pers {display: block; width: 75%; margin: 3px auto 5px 0px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
color: rgba(0, 0, 0, 0.6);
}
</style>
<div id="ship7"><!-- START -->
<sh1 style="background-image:url(http://forumstatic.ru/files/001b/58/c8/89260.jpg);"></sh1><sh2>
<!-------- ПЕРСОНАЖ -------->
<sh3><sh4> Данные персонажа</sh4>
<!-- Данные игрока -->
<p><sh9> Фамилия Имя </sh9>
<pers> Прозвища, сокращения, иные обращения </pers>
Дата рождения, возраст<br>
Род деятельности: учеба, работа<br>
Если есть - имя после трансформации. Если нет - удалите эту строку.
</p>
<!-- Описание персонажа -->
<!-- Характер -->
<p><sh9> Характер </sh9>
<br>
Подробное описание характера вашего персонажа: его положительных и отрицательных сторон, слабостей, желаний, страхов, мечт и стремлений.
</p>
<!-- Биография -->
<p><sh9> Биография </sh9>
<br>
Описание жизни вашего персонажа до момента старта игры: из него должно быть понятно, что те или иные события послужили причинами формирования личности в том виде, в котором она предстает перед нами.
</p>
<!-- Инвентарь -->
<p><sh9> Инвентарь </sh9>
<pers> Оружие и артефакты </pers>
Если у вас есть определенные артефакты или особенное оружие - перечислите в этом пункте. Если персонаж не располагает особенными предметами или оружием, можете удалить весь блок. Если боитесь сломать код, можете просто оставить прочерк.
</p>
<!-- Магия -->
<p><sh9> Магия </sh9>
<pers> Способности и заклинания </pers>
Если у вашего персонажа есть магические способности, заклинания, атаки - перечислите и х в данном пункте. Если персонаж не располагает магическими способностями, можете удалить весь блок. Если боитесь сломать код, можете просто оставить прочерк.
</p>
<!-- Дополнительно -->
<p><sh9> Дополнительно </sh9>
<pers> Важная для вас информация </pers>
Важная информация, которая не вошла в предыдущие пункты, но на ваш взгляд должна быть отражена в анкете. Если данный пункт вам не нужен, можете удалить весь блок. Если боитесь сломать код, можете просто оставить прочерк.
</p>
</sh3><!-- КОНЕЦ БЛОКА -->
<!-------- Игрок -------->
<sh3><sh4> Данные игрока </sh4>
<!-- Знание канона-->
<p><sh9> Знание канона </sh9>
<pers> с чем вы знакомы </pers>
Ваш ответ: манга или экранизации? Если последнее, то какие именно.
</p>
<!-- Игровой опыт-->
<p><sh9> Игровой опыт </sh9>
<pers> Как давно вы на форумах </pers>
Ваш ответ.
</p>
<!-- Предпочтения -->
<p><sh9> Предпочтения </sh9>
<pers> Что любите и не любите играть </pers>
Ваш ответ: любимые жанры, допустимые для вас рейтинги. Комфортный темп игры.
</p>
<!-- Связь -->
<p><sh9> Контакты игрока </sh9>
<pers> Ссылка на соцсеть или мессенджер </pers>
Ваш ответ. Если вы не жалеете выставлять его на всеобщее обозрение, можете выслать в ЛС одному из администраторов.
</p>
</sh3><!-- КОНЕЦ БЛОКА -->
<!-- END --></sh2></div>[/html]
Пробный пост
Тема выдается администрацией после утверждения анкеты.