Для сюжета "Пустынный Аконит":
Грис Рэйнал - агенты нойстрийской короны.
Арно Делоне- артефактор и исследователь руин.
Для сюжета "Малая капля":
Амери Грифон, наследник нойстрийской короны.
Грис Рэйнал, агенты нойстрийской короны.
Айлвен- друидесса.
Шаблоны
Код:[html]<div class="promo_parent" style="background-image: url(https://forumstatic.ru/files/001a/fb/3d/36806.png);"> <div class="container_promo"> <div class="box_promo1"> <p class="promo_name">Имя персонажа</p> <p class="promo_info">возраст, род занятий</p> </div> <div class="box_promo2"> <div class="promo_image"> <img src="ссылка на изображение 250х250px" alt="" > </div> </div> <div class="box_promo3"> <p class="promo_info">Нужен в сюжет:</p> <p class="promo_name">Пустынный Аконит/Тонкое искусство/личная игра</p> </div> </div> </div>[/html] [align=center][b]Полное имя персонажа[/b][/align] [align=center][i][size=12]Прототип[/size][/i][/align] [quote][b]Образ персонажа:[/b] [b]Игровая линия и планы:[/b] [b]От заявителя:[/b] [/quote]
[html]<style type="text/css">
[class^="box_promo"] {
display: grid;
}
.promo_parent {
height: 300px;
display: grid;
justify-items: center;
align-items: center;
background-position-y: center;
background-position-x: center;
background-repeat: no-repeat;
margin-bottom: -25px;
}
.container_promo {
padding: 20px;
width: 96%;
height: 260px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 50px 160px 50px;
column-gap: 10px;
grid-template-areas:
"A B C"
"A B C"
"A B C";
}
.box_promo1 {
padding-top:15px;
grid-area: A;
grid-row-start: 2;
grid-row-end: 3;
display: grid;
justify-items: start;
align-content: start;
height: 160px;
}
.box_promo2 {
grid-area: B;
display: grid;
height: 260px;
grid-row-start: 1;
grid-row-end: 3;
-webkit-clip-path: polygon(0 50%, 50% 0%, 100% 50%, 50% 100%);
clip-path: polygon(0 50%, 50% 0%, 100% 50%, 50% 100%);
justify-items: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
}
.promo_image {
margin: 5px;
-webkit-clip-path: polygon(0 50%, 50% 0%, 100% 50%, 50% 100%);
clip-path: polygon(0 50%, 50% 0%, 100% 50%, 50% 100%);
}
.box_promo3 {
grid-area: C;
grid-row-start: 2;
grid-row-end: 3;
display: grid;
justify-items: end;
align-content: end;
height: 160px;
}
.promo_name {
display: grid;
font-size: 1rem;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: uppercase;
font-family: cormorant unicase;
font-weight: 700;
white-space: normal;
margin: 0%;
padding: 0;
color: #d6c7b4;
opacity: 70%;
mix-blend-mode: color-dodge;
text-shadow: rgba(0, 0, 0, 0.01);
}
.promo_info {
padding: 0;
font-size: 0.65rem;
display: grid;
font-style: italic;
text-transform: none;
margin-top: 0px;
color: #afa195;
mix-blend-mode: screen;
opacity: 80%;
text-shadow: rgba(0, 0, 0, 0.01);
display:block;
}
</style>[/html]