[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* отступ от левого края, auto - для центровки */
  --shav1: 100px; /* ширина аватара */
  --shav2: 100px; /* высота аватара */
  --shclr: ##ec8407; /* границы */
  --shbg: #ec8407; /* фон блока с текстом */
}
.ship6 {max-width:600px;  /* ограничиваем ширину блока*/
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: #ec8407; padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px; font-weight: 600;}
/* аватар */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:#; border: 1px solid #ec8407; outline: 1px solid #ec8407; outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2); border-radius: 50px; filter: grayscale(1);}
/* никнейм */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid #000; margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; 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"><!-- НАЧАЛО -->

<!-- 1 -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001c/67/60/4/633959.jpg"><div class="ava2">
  <em><a href="https://northbay.f-rpg.me/viewtopic.php?id=67#p177">Кёрстин Майер </a></em>
руководитель отдела медицинской помощи ЦУДА;
  </div></div><div class="sh3">
По образованию — хирург, при чем весьма одаренный, не зря она достигла заметных результатов довольно рано: её операции нередко становились рекордными по сложности и числу спасённых жизней. Но настоящую страсть Кёрстин питает к «нестандартной анатомии» аберрантов.<br></div></div>

<!-- 2 -->
    <div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001c/67/60/4/958959.jpg"><div class="ava2">
  <em><a href="https://northbay.f-rpg.me/viewtopic.php?id=67#p178">Айго Вэй</a></em>
руководитель следственного отдела ЦУДА;
  </div></div><div class="sh3">
С детства Айго прекрасно понимал, что какие бы усилия ни прилагала его семья, как бы верно она ни служила, всё это напрасно — их никогда не простят. «Предательство», как любили шептаться за спиной недоброжелатели, «в их крови». Однако сдаваться без боя — не в характере Айго.<br></div></div>

<!-- 4 -->
    <div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001c/67/60/4/276644.jpg"><div class="ava2">
  <em><a href="https://northbay.f-rpg.me/viewtopic.php?id=67#p179">Хашимото Харука</a></em>
офицер отдела специального назначения ЦУДА;
  </div></div><div class="sh3">
Харука — офицер отдела специального назначения ЦУДА. Выросла в самом бедном районе Нортбэя, пробивалась сама: жёсткость улиц выковала характер. Неприступная, почти всегда хмурая, с короткой стрижкой и холодным взглядом — в ней нет ни капли показной бравады. Говорит мало, действует быстро.<br></div></div>

<!-- 5 -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001c/67/60/4/391716.png"><div class="ava2">
  <em><a href="https://northbay.f-rpg.me/viewtopic.php?id=67#p180">Симен Грённинг</a></em>
медик (судмедэксперт);
  </div></div><div class="sh3">
Внешне сдержанный и замкнутый, он открывается лишь тем, кто прошёл проверку временем и поступками. Его уважение нужно заработать, не терпит брошенных на ветер слов, убежден, что человека создают его поступки. Симен не разменивается на поверхностные связи и не терпит фальши<br></div></div>

<!-- 6 -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://upforme.ru/uploads/001c/67/60/4/424644.png"><div class="ava2">
  <em><a href="https://northbay.f-rpg.me/viewtopic.php?id=67#p181">Мальте Юнссон</a></em>
офицер следственного отдела ЦУДА;  </div></div><div class="sh3">
Мальте с самого детства знал, что пойдёт по стопам отца: других вариантов просто не существовало. Закончив военную академию, он три года служил в ЗАТО Франции, после чего был приглашён в следственный отдел Нортбэя, где его ждал весьма неприятный сюрприз — внезапно появившийся сводный брат<br></div></div>

<!-- КОНЕЦ --><div>[/html]

Отредактировано Реклама (Вчера 20:11:59)