[html]<div class="prost">
<text>
<zag>Трикс</zag>
<text2>
<t>
Три ведьмы Облачной башни, которые хотят создать армию тьмы, а также подчинить себе сожженных с помощью огня дракона. Они превосходные ученицы, которые любят нарушать правила. Пользуются авторитетом в своей школе, а некоторые ведьмы их боятся.
<br><b>*Допустима смена внешности, фамилия, возраст и полная биография - на усмотрение игрока;</b></t></text2>
</text>
</div>[/html]
[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
--shclr: #9fb1c3;
--shbg: rgba(255, 255, 255, 0.17);
}
#ship6 {position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0;
max-width:700px; /* ограничиваем ширину блока*/
}
#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: min-content auto;}
#ship6 sh2 {order:1; min-width:250px; min-height:100px;}
/* блок текста */
#ship6 sh3 {order:2; box-sizing:border-box; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px;
line-height: 120%;
font-size: 11px;
min-height:64px;
min-width:200px;
}
/* аватар */
#ship6 ava {order:1; display:block; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); background-position:50% 50%; background-size:cover;
outline-offset:5px;
margin:6px;
width:100px;
height:100px;
}
/* никнейм */
#ship6 ava2 {order:2; padding: 10px; box-sizing:border-box; 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: auto min-content;}
</style><div id="ship6"><!-- НАЧАЛО -->
<!-- ПЕРВЫЙ -->
<div class="sh1"><sh2><ava style="background-image:url(https://forumstatic.ru/files/001b/37/db/52123.png);"></ava><ava2>
<em><a href="#">Айси</a></em>
Jenny Boyd, ведьма воды [льда]
</ava2></sh2><sh3>
Холодный взгляд и белоснежный костюм. Она травит себя мятными сигаретами и постоянными мыслями о собственном величии. Ей бы быть принцессой холода, как сердце её планеты, но она мечтает о большем. Учится на выпускном курсе Облачной башни и охотится на огонь дракона.
</sh3></div>
<!-- ВТОРОЙ -->
<div class="sh1"><sh2><ava style="background-image:url(https://forumstatic.ru/files/001b/37/db/34111.jpg);"></ava><ava2>
<em><a href="#">Дарси</a></em>
Liz Gillies, ведьма разума
</ava2></sh2><sh3>
Элегантные костюмы самых именитых модельеров земли. Дарси не скупится тратить денежные запасы своей матери. Пока та отдавала всю себя чужим детям, девушка объявила неофициальный бойкот. И только Айси и Сторми разделяют ее безумные идеи.
</sh3></div>
<!-- ТРЕТИЙ -->
<div class="sh1"><sh2><ava style="background-image:url(https://forumstatic.ru/files/001b/37/db/57129.jpg);"></ava><ava2>
<em><a href="#">Сторми</a></em>
Olivia Rodrigo, ведьма воздуха [шторма]
</ava2></sh2><sh3>
Самая младшая из ведьм тройки. Романтичная и очень способная ученица Облачной башни. Огромные кроссовки и рубашки на два размера больше. Сторми знает, какая сила течет внутри нее, и голоса в ее голове напоминают ей об этом. Она авантюристка, поэтому с большим удовольствием придумывает безумные идеи и реализует их.
С виду - миловидная девушка, а внутри - чертенок.
</sh3></div>
<!-- КОНЕЦ --><div>[/html]