Тронный зал
Добро пожаловать в величественный тронный зал! Это место, где вся мощь и превосходство короля ощущаются в каждой детали. В самом центре зала возвышается королевский трон, огромное кресло, украшенное резьбой, где каждая ножка и спинка выглядят как настоящие произведения искусства, созданные опытными мастерами. За троном расположено огромное окно, через которое проникают лучи солнца, отчего тогда, когда правитель сидит на троне под этим окном, его сияющая фигура кажется божественной, словно он сам является солнечным богом. Не стоит говорить, что сейчас трон пустует и сюда приводят авантюристов скорей на экскурсию в ознакомительных целях.
NPC
[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
--s6m: auto; /* отступ от левого края, auto - для центровки */
--shav1: 180px; /* ширина аватара */
--shav2: 250px; /* высота аватара */
--shclr: #b8823a; /* границы */
--shbg: rgba(255, 255, 255, 0.17); /* фон блока с текстом */
}
.ship6 {max-width:700px; /* ограничиваем ширину блока*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* блок текста */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 140%; font-size: 11px; min-height:64px; min-width:100px;}
/* аватар */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* никнейм */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:100px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 700; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* четные блоки */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- НАЧАЛО -->
<!-- Лейтенант -->
<div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001b/fe/58/2/567512.jpg"><div class="ava2">
<em><a href="#">Лео Каневиус</a></em>
Лейтенант
</div></div><div class="sh3">
Умудренный опытом ветеран городской стражи с проницательным взглядом и неизменной хрипотцой в голосе. Впрочем, его имя вам ничего не скажет, ведь это совсем другая история.
</div></div>
<!-- КОНЕЦ --><div>[/html]









