[html]
<style>
  @font-face {
    font-family: "Genshin";
    src: url("https://forumstatic.ru/files/0014/98/d3/50051.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
  }
  #ship1 {
    --sh1mr: auto !important;
    /* отступ слева, auto - для отцетровки */
    --sh1w1: 600px;
    /* ширина карточки */
    --sh1bg: #D9F8FB;
    /* фон карточки */
    --sh1br: #34384B;
    /* цвет текста и рамки */
    --sh1cl1: #E2B668;
    /* цвет заголовка */
    --bgSrc: url(https://i.gyazo.com/1f1f90cbe3f0df692eb … 33a71f.jpg);
    /* ссылка на фон внизу */
  }
  #ship1 {
    display: block;
    padding: 40px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 34px;
    margin-right: auto;
    background: var(--sh1bg);
    outline: 1px solid var(--sh1bg);
    outline-offset: 10px;
    width: var(--sh1w1);
  }
  /* shipovnik */
  #ship1,
  #ship1 * {
    box-sizing: border-box;
  }
  /* АВАТАРКИ КАРТИНКИ */
  .shiav {
    width: 70px;
    height: 70px;
    margin: auto 8% auto auto;
    display: inline-block;
    border-radius: 50%;
    background: var(--sh1bg);
    border: 1px solid var(--sh1br);
    transform: translate(0%, -50%);
    transition: all 0.3s ease;
    background-position: 50% 50%;
    background-size: cover;
  }
  .shiav:last-child {
    margin-right: 0px;
  }
  .shiav:hover {
    transition: all 0.3s ease;
    transform: scale(1.2) translate(0%, -40%);
  }
  /* БЛОК АВАТАРОК */
  .shiprs {
    display: block;
    border-top: 1px solid var(--sh1br);
    text-align: center;
    margin: 35px auto auto;
  }
  /***   ЗАГОЛОВОК   ***/
  #ship1>em {
    display: block;
    margin: -10px auto 16px auto;
    text-align: center;
    font-style: normal !important;
    letter-spacing: 1px;
    color: var(--sh1cl1);
    font-family: Genshin;
    font-size: 20px;
  }
  /***   БЛОК ТЕКСТА   ***/
  #ship1>.btext {
    padding: 0 50px;
    font-size: 12px;
    color: var(--sh1br);
    font-family: Arial, Tahoma, sans-serif;
    text-align: center;
  }
  /***   ПЕРСОНАЖИ   ***/
  .btext>p {
    margin: auto !important;
    text-align: center !important;
    font-style: normal;
    font-size: 12px !important;
    opacity: 0.65;
    font-family: 'Genshin';
  }
  .charsblock {
    text-align: center !important;
    margin-bottom: -15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .chars {
    font-family: Genshin;
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: -15px;
    display: inline;
  }
  .chars:before {
    content: '\2726 ';
    color: var(--sh1cl1);
    margin-right: 5px;
    margin-left: 5px;
  }
  .chars:after {
    content: '\2726 ';
    color: var(--sh1cl1);
    margin-left: 5px;
    margin-right: 5px;
  }
  .topicDescription {
background-image: linear-gradient(var(--sh1bg) 30%, transparent), var(--bgSrc);
    background-size: 600px;
    background-position: 0px 445px;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
    width: var(--sh1w1);
    margin-bottom: -40px;
    margin-left: -90px;
    padding: 0px 30px 100px 30px;
    font-family: 'Genshin';
    height: 445px;
  }
</style>
<div id="ship1">
  <div class="shiprs">
    <!--   ЗДЕСЬ АВАТАРЫ   -->
    <div class="shiav" style="background-image:url(https://www.agro-sad.com/wa-data/public … 650@2x.jpg)"></div>
    <div class="shiav" style="background-image:url(http://www.norstar.ru/uploads/posts/201 … -n9151.jpg)"></div>
  </div>
<em>Оправдания для Олега</em>
  <div class="btext">
    <div class="charsblock">
      <div class="chars">Олег</div>
      <div class="chars">Люмин</div>
    </div>
    <p><br>6 марта
      <br>Лиюэ, отдалённый пляж на отмели Яоган
    </p>
    <div class="topicDescription">Классический пляжный эпизод: таинственный бизнесмен из Снежной красиво отдыхает на отдалённом пляже в Ли Юэ и вовсе не является мистическим элементальным существом. Юная леди присоединяется к отдыху, разделяя тёплое настроение, а вовсе не из-за необходимости отвести подозрения от активности тёмной организации неподалёку.</div>
  </div>
</div>
[/html]
| максимальный срок написания постов в этом эпизоде - без ограничений | 
Отредактировано Lumine (2022-12-18 00:24:39)
 








![Execute [кроссовер] Execute](https://upforme.ru/uploads/001b/f1/3b/2/979947.png)































