[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* отступ от левого края, auto - для центровки */
  --shav1: 200px; /* ширина аватара */
  --shav2: 300px; /* высота аватара */
  --shclr: #7a5d97; /* границы */
  --shbg: rgba(255, 255, 255, 0.17); /* фон блока с текстом */
}
.ship6 {max-width:800px;  /* ограничиваем ширину блока*/
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: 120%; 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:180px; 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: 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"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/10/a9/9/707661.png"><div class="ava2">
  <em>Литвинова Мария Сергеевна</em>
24 года (28 августа)
  </div></div><div class="sh3">
✦ Родилась с серебряной ложкой во рту. По жизни ни в чём себе не отказывает, в том числе в сомнительной законности вещах (инциденты были, отчим щедро откупался и достоянием общественности эти случаи не становились), но мечтает что однажды всерьёз получит по носу.
<br>✦ Живой способ компенсации всего того, чего её мать в молодости достичь не сумела, из-за чего плохо понимает собственные желания и чувства, никем извне не навязанные. Пытается их нащупать, но остро реагирует на неудачи.
<br>✦ Обладательница психопатических черт. Да и в целом себе на уме и та ещё мразота — разве что напоказ это не выставляет, куда больше предпочитая причинять другим боль играясь, исподтишка.
<br>✦ Действующая оперная певица с соответствующим багажом знаний и умений. Продолжая помогать матери, вставшей на путь благотворительности, периодически даёт выступления для сироток и школьников, дабы развлечь и заинтересовать в своём деле.
<br>✦ Мечтала стать биологом и втайне пыталась подать документы в университет, но не прошла конкурс — восприняла это как личное поражение. На самом деле у неё попросту не хватило времени и сил за всеми репетициями и выступлениями.
<br>✦ Превратила свои апартаменты в маленький сад и зверинец вместе взятые. Помимо прочей живности, держит дома енота Нямку.
<br>✦ Сбежала с собственной свадьбы.
<br>✦ Имеет хорошую репутацию, вежлива, учтива, легко сходится с людьми, но надолго — лишь с полезными, со всеми — поверхностно. Сближение с людьми даётся ей тяжело и интереса не представляет.
<br>✦ Действует из своих интересов, а не общего блага, но при этом и пресловутой гибели мира не желает. В целом — просто невинно развлекается с новоприобретённой силой. В сомнительности своих поступков держится где-то между героиней и злодейкой.
<br>✦ Стала героиней после того как маскот сообщил ей, что среди злодеев есть некий человек, который точит на неё зуб и хочет убить её семью. Не их защиты ради, просто хочет лично наблюдать этот момент.
  </div></div>

<!-- ВТОРОЙ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://forumupload.ru/uploads/001c/10/a9/9/937977.png"><div class="ava2">
  <em>Сумеречная Певчая</em>
Драма, триллер, детектив, романтика
  </div></div><div class="sh3">
Концепт: Манипуляция.
✦ В качестве оружия использует нити-струны, но куда чаще сражается не сама, а посредством трёх принадлежащих ей марионеток — те, получив приказ, способы действовать автономно, чем зачастую и пользуется, делая вид что к их деятельности отношения не имеет, мол, они и не ей принадлежат вовсе. Если сумеет оплести нитями все точки артикуляции другого существа, сможет грубо подчинить его своей воле, но предпочитает другие, более мягкие методы.
<br>✦ Мастерица вешать лапшу на уши (иногда буквально) и заговаривать зубы. Каждую атаку и разговор превращает в шоу — с песнями, искрами, танцами и иллюзиями — голос её льётся мёдом и формирует картины прекрасного будущего и исполненных желаний, как вариант того, что произойдёт если к ней прислушаются и сделают то, чего она хочет. Действует практически как гипноз, успешное убеждение ощущается потом человеком как его личное и искренне желание, а не принуждение магией.
<br>✦ Зачастую закрывает глаза в магической форме — чтобы осуществлять более точный контроль над марионетками и не покупаться на созданные собственноручно лживые обещания лучшего будущего.
<br>✦ Жить без спецэффектов не может, сама не знает откуда они берутся и как работают, но несут эстетический характер.
  </div></div>

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

Отредактировано Певчая (2024-04-12 20:39:12)

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