[html]<style>#ship0 {
--mrs0: auto; /* отступ слева, auto - для центровки */
--bgs0: ; /* фон карточки */
--cls0: #111; /* цвет текста */
--shw0: 660px; /* ширина карточки */
--shw1: 180px; /* ширина картинки */
--shh1: 400px; /* высота картинки */
--shh2: 260px; /* высота блока с описанием */
--brs0: #7c692e; /* цвет внутренних рамок */
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 1px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* ТЕКСТОВЫЙ БЛОК */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 12px;
text-align: center; font-style: italic;
}</style>
<div id="ship0">
<div class="apict" style="background-image:url(https://forumupload.ru/uploads/0019/74/ … 586294.jpg);"></div>
<div class="atext"><em>
Приветствуем вас на ролевой игре "Magnificent Empire"</a>
</em><p>
Сюжет и персонажи являются вымышленными, хотя и могут иметь сходство с реальными историческими прототипами.
В игре мы осуществим путешествие во времени и пространстве — в сердце Великой Порты (Османской империи), Стамбул, и провинции, заглянем в каждый уголок дворца Топкапы, познакомимся с Крымским ханством, его обычаями и традициями, и напишем свою историю, в которой каждый может повлиять на ее ход.<br><br>
Администрация: <a href="http://muhtesempire.rusff.me/profile.php?id=14">Батур Гирей</a>, <a href="https://magnificentempire.ru/profile.php?id=3">Шехзаде Касым</a><br>
Время и место действия: 16 век, Османская империя<br>
Дата открытия: 15.01.2018, перезапуск 15.08.19<br>
Тематика: псевдоистория, авторский сюжет<br>
Система игры: эпизоды<br>
Рейтинг: NC-17
</p></div>
<div class="anzv"><span></span>
<br><details>
<summary>Основные игровые правила, принятые на форуме</summary>
<br><center><p style="border:1px #7c692e solid; width:500px;">
Роли и внешности придерживаются на 3 дня. При необходимости вы можете продлить этот срок, но не более чем два раза подряд. Регистрация под именем персонажа не является основанием для бронирования роли.
Для бронирования роли/внешности необходимо в обязательном порядке отписаться в гостевой.</p></center>
<br><center><p style="border:1px #7c692e solid; width:500px;">
Мы не устанавливаем ограничений на размер игровых постов. <br>Счетчик символов стоит для удобства тех, кто все равно привык подсчитывать. <br>Оформление постов принято стандартное: <br>прямая речь — жирным, чужая — подчеркиванием, <br>рассуждения, воспоминания, текст писем и т.п. — курсивом.</p></center>
<br><center><p style="border:1px #7c692e solid; width:500px;">
Освобождение роли из акции возможно, если игрок не появлялся на форуме более 2 недель или не оставил ни одного поста в течение месяца. Профили акционных персонажей подлежат «заморозке» только по согласованию с заказчиком, если это не противоречит сюжетным планам. Профили авторских персонажей по договоренности с Администрацией можно «заморозить» на неопределенный срок, если игрок остается на связи. Освобождение внешности осуществляется только после удаления или заморозки профиля. Чистка профилей проводится ежемесячно.</p></center>
<br>Полный список правил <a href="https://magnificentempire.ru/viewtopic.php?id=18#p38">здесь</a>.
</details><br>
<details>
<summary>Придержанные роли и внешности
</summary>
<br><center><table>
<tbody>
<tr>
<td>РОЛИ</td>
<td> </td>
<td> </td>
<td>ВНЕШНОСТИ</td>
</tr>
<tr>
<td> <! -- СЮДА РОЛЬ--> </td>
<td> </td>
<td> </td>
<td><! -- СЮДА ВНЕШНОСТЬ--></td>
</tr>
<tr>
<td> <! -- СЮДА РОЛЬ--> </td>
<td></td>
<td> </td>
<td><! -- СЮДА ВНЕШНОСТЬ--></td>
</tr>
</tbody>
</table></center>
</details>
</div></div>
[/html]
Для бронирования роли / внешности, пожалуйста, используйте шаблон
[i]роль/внешность[/i] за [i]ник[/i]