ww

Страница: 1

Сообщений 1 страница 4 из 4

Поделиться12022-04-08 00:38:42

Автор: Fenris
Администратор
graphics by: ales
tevinter elf
Фенрис, 41
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
— список персонажей —
Сообщений: 12
Уважение: +0
посты: 34
валюта: 3435
Последний визит:
2024-02-04 02:57:28

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

Код:

какой то код

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

какой то спойлер

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.
еще спойлер
в нем цитата в цитате

Maecenas pellentesque eros vitae elementum condimentum. Sed nec orci est. Vestibulum a ex nec nisl euismod varius. Etiam bibendum nibh id tortor vehicula malesuada volutpat ut augue. Integer sodales, leo eget molestie finibus, nibh diam laoreet dui, quis efficitur lectus lacus suscipit mi. Aliquam finibus et lorem congue imperdiet. Curabitur porta dolor sit amet eros semper viverra. Fusce aliquet, ligula quis mattis bibendum, nulla eros vulputate tortor, eget gravida erat tortor eget nulla. In arcu nisl, elementum sed tristique id, elementum eu odio. Duis imperdiet metus ac justo tempus vehicula et a sem. Vestibulum et volutpat libero. Cras vestibulum diam sit amet pulvinar accumsan. Donec sed ultrices libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean sed ex arcu.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Поделиться22022-04-08 17:36:26

Автор: Fenris
Администратор
graphics by: ales
tevinter elf
Фенрис, 41
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
— список персонажей —
Сообщений: 12
Уважение: +0
посты: 34
валюта: 3435
Последний визит:
2024-02-04 02:57:28

Код:

<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 

  <div class="gallean_wrap">
    <div class="gallean_first_wrap">
      <span>shadowsong</span>
      <em>Death, it's shadows, spreads its wings around me.</em>
    </div>
    <div class="gallean_second_wrap">
      <div class="gallean_scroll">
      <span class="header">long live death</span>
        <div>Человек, который носит имена рек, знает: он больше не такой, как остальные люди; некая сторона его внушающих ужас трудов навсегда изменила его; он никогда не сможет вернуться к прежней, простой и безболезненной жизни. Иногда это знание ранит так сильно, что он часами сидит один в темной комнате и оплакивает потерю самого себя. Кошмарно, знает он, когда так мало решаешь в своей собственной жизни, когда столь многое было предрешено еще до твоего рождения. Быть солдатом в армии крови и света, настолько тайной, что и речи не может быть о признании его успехов или неудач, даже о самом мимолетном контакте с братьями и сестрами по оружию — из-за опасности разоблачения.</div>
      </div>
    </div>
  </div>

<style>
.gallean_wrap {
  --g-text-title: #FFFFFF;
  --g-text-accent: #EAD807;
  --g-base-text: #4E4E4E;
  --g-text-shadow: 1px 1px 4px rgba(44, 46, 51, 0.56);
  --g-padding: 30px;
  --g-bg: #FDF8F8;
  --g-box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.14), 4px 4px 10px rgba(0, 0, 0, 0.25);
  --g-calc: 100% - 60px;
}

.gallean_wrap {
  width: 600px;
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: auto;
  background: url(https://i.imgur.com/HQm6vZp.jpg);
  background-size: cover;
  box-sizing: border-box;
  padding: var(--g-padding)
}

.gallean_first_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--g-text-title);
  text-shadow: var(--g-text-shadow);
  letter-spacing: .1em;
  transition: all 2s cubic-bezier(0.72, -0.01, 0, 1);
}

.gallean_first_wrap span {
  font: 900 normal 70px inter;
}

.gallean_first_wrap em {
  font: 500 normal 13px inter !important;
}

.gallean_first_wrap {
  
}

.gallean_second_wrap {
  background: var(--g-bg);
  box-shadow: var(--g-box-shadow);
  position: absolute;
  width: calc(var(--g-calc));
  height: calc(var(--g-calc));
  top: 30px;
  left: 30px;
  box-sizing: border-box;
  padding: var(--g-padding);
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s;
  transform: scale(2);
  opacity: 0
}

.gallean_scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.gallean_second_wrap .header {
  display: block;
  color: var(--g-text-accent);
  font: 900 normal 40px inter;
  text-transform: lowercase;
}

.gallean_scroll div {
  color: var(--g-base-text);
  text-align: justify;
  font: 500 12px/150% inter;
}

.gallean_wrap:hover .gallean_first_wrap {
  transform: scale(0);
  filter: blur(40px)
}

.gallean_wrap:hover .gallean_second_wrap {
transform: scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s;
}
</style>

Поделиться32022-04-08 17:58:51

Автор: Fenris
Администратор
graphics by: ales
tevinter elf
Фенрис, 41
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
— список персонажей —
Сообщений: 12
Уважение: +0
посты: 34
валюта: 3435
Последний визит:
2024-02-04 02:57:28

~~аттракцион неслыханной щедрости [8]~~

Мы не знаем что это такое, если бы мы знали, что это такое, но мы не знаем, что это такое (с)

Традиционно: мышкой наводишь, все поехало. Настроить могу помочь, если надо, а вот переписывать чтоб там еще слева/справа прыгало и сверкало, сверху вниз шарик беспорядочно летал и еще одно окошко добавить, чтоб туда всунуть еще окошко с окошком и картинкой - не буду. Сами разберетесь тогда хд

Ведите себя хорошо и уважайте друг друга.

NB! Цвета и отступы перекрашиваются отдельно, идут в самом начале кода. Следуйте подсказкам.

Код:

<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 

  <div class="gallean_wrap">
    <div class="gallean_first_wrap">
      <span>shadowsong</span>
      <em>Death, it's shadows, spreads its wings around me.</em>
    </div>
    <div class="gallean_second_wrap">
      <div class="gallean_scroll">
      <span class="header">long live death</span>
        <div>Человек, который носит имена рек, знает: он больше не такой, как остальные люди; некая сторона его внушающих ужас трудов навсегда изменила его; он никогда не сможет вернуться к прежней, простой и безболезненной жизни. Иногда это знание ранит так сильно, что он часами сидит один в темной комнате и оплакивает потерю самого себя. Кошмарно, знает он, когда так мало решаешь в своей собственной жизни, когда столь многое было предрешено еще до твоего рождения. Быть солдатом в армии крови и света, настолько тайной, что и речи не может быть о признании его успехов или неудач, даже о самом мимолетном контакте с братьями и сестрами по оружию — из-за опасности разоблачения.</div>
      </div>
    </div>
  </div>

<style>
.gallean_wrap {
  --g-text-title: #FFFFFF; /* цвет шрифта на первом блоке */
  --g-text-accent: #EAD807;  /* цвет шрифта заголовка на выскальзывающем блоке */
  --g-base-text: #4E4E4E; /* цвет шрифта основного текста на выскальзывающем блоке */
  --g-text-shadow: 1px 1px 4px rgba(44, 46, 51, 0.56);  /* тень текста */
  --g-padding: 30px;  /* отступы от краев */
  --g-bg: #FDF8F8;  /* фон выскальзывающего блока */
  --g-box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.14), 4px 4px 10px rgba(0, 0, 0, 0.25);  /* тень выскальзывающего блока */
  --g-calc: 100% - 60px;  /* считает ширину или высоту с учетом отступов от краев. в данном случае отступы указаны 30px, сле-но указано 100% - 60px. если указываете отступы 20px, соответственно от 100% отнимаете 40px. математика sssука %) */
}

.gallean_wrap {
  width: 600px; /* ширина */
  height: 300px;  /* высота */
  overflow: hidden;
  position: relative;
  margin: auto;
  background: url(https://i.imgur.com/HQm6vZp.jpg);  /* фон картинкой */
  background-size: cover;
  box-sizing: border-box;
  padding: var(--g-padding)
}

.gallean_first_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--g-text-title);
  text-shadow: var(--g-text-shadow);
  letter-spacing: .1em;
  transition: all 2s cubic-bezier(0.72, -0.01, 0, 1);
}

.gallean_first_wrap span {
  font: 900 normal 70px inter;  /* шрифт shadowsong */
}

.gallean_first_wrap em {
  font: 500 normal 13px inter !important;  /* шрифт Death, it's shadows, spreads its wings around me. */
}

.gallean_second_wrap {
  background: var(--g-bg);
  box-shadow: var(--g-box-shadow);
  position: absolute;
  width: calc(var(--g-calc));
  height: calc(var(--g-calc));
  top: 30px;
  left: 30px;
  box-sizing: border-box;
  padding: var(--g-padding);
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s;
  transform: scale(2);
  opacity: 0
}

.gallean_scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.gallean_second_wrap .header {
  display: block;
  color: var(--g-text-accent);
  font: 900 normal 40px inter; /* шрифт long live death */
  text-transform: lowercase;
}

.gallean_scroll div {
  color: var(--g-base-text);
  text-align: justify;
  font: 500 12px/150% inter;  /* шрифт основного текста*/
}

.gallean_wrap:hover .gallean_first_wrap {
  transform: scale(0);
  filter: blur(40px)
}

.gallean_wrap:hover .gallean_second_wrap {
transform: scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s;
}
</style>

Код

Код:

<-- дух не знает, что это такое, если бы знал, что это такое, но дух не знает, что это такое -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 

  <div class="gallean_wrap">
    <div class="gallean_first_wrap">
      <span>shadowsong</span>
      <em>Death, it's shadows, spreads its wings around me.</em>
    </div>
    <div class="gallean_second_wrap">
      <div class="gallean_scroll">
      <span class="header">long live death</span>
        <div>Человек, который носит имена рек, знает: он больше не такой, как остальные люди; некая сторона его внушающих ужас трудов навсегда изменила его; он никогда не сможет вернуться к прежней, простой и безболезненной жизни. Иногда это знание ранит так сильно, что он часами сидит один в темной комнате и оплакивает потерю самого себя. Кошмарно, знает он, когда так мало решаешь в своей собственной жизни, когда столь многое было предрешено еще до твоего рождения. Быть солдатом в армии крови и света, настолько тайной, что и речи не может быть о признании его успехов или неудач, даже о самом мимолетном контакте с братьями и сестрами по оружию — из-за опасности разоблачения.</div>
      </div>
    </div>
  </div>

<style>
/* css, который не знает, что он такое */
.gallean_wrap {
  --g-text-title: #FFFFFF; /* цвет шрифта на первом блоке */
  --g-text-accent: #EAD807;  /* цвет шрифта заголовка на выскальзывающем блоке */
  --g-base-text: #4E4E4E; /* цвет шрифта основного текста на выскальзывающем блоке */
  --g-text-shadow: 1px 1px 4px rgba(44, 46, 51, 0.56);  /* тень текста */
  --g-padding: 30px;  /* отступы от краев */
  --g-bg: #FDF8F8;  /* фон выскальзывающего блока */
  --g-box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.14), 4px 4px 10px rgba(0, 0, 0, 0.25);  /* тень выскальзывающего блока */
  --g-calc: 100% - 60px;  /* считает ширину или высоту с учетом отступов от краев. в данном случае отступы указаны 30px, сле-но указано 100% - 60px. если указываете отступы 20px, соответственно от 100% отнимаете 40px. математика sssука %) */
}

.gallean_wrap {
  width: 600px; /* ширина */
  height: 300px;  /* высота */
  overflow: hidden;
  position: relative;
  margin: auto;
  background: url(https://i.imgur.com/HQm6vZp.jpg);  /* фон картинкой */
  background-size: cover;
  box-sizing: border-box;
  padding: var(--g-padding)
}

.gallean_first_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--g-text-title);
  text-shadow: var(--g-text-shadow);
  letter-spacing: .1em;
  transition: all 2s cubic-bezier(0.72, -0.01, 0, 1);
}

.gallean_first_wrap span {
  font: 900 normal 70px inter;  /* шрифт shadowsong */
}

.gallean_first_wrap em {
  font: 500 normal 13px inter !important;  /* шрифт Death, it's shadows, spreads its wings around me. */
}

.gallean_second_wrap {
  background: var(--g-bg);
  box-shadow: var(--g-box-shadow);
  position: absolute;
  width: calc(var(--g-calc));
  height: calc(var(--g-calc));
  top: 30px;
  left: 30px;
  box-sizing: border-box;
  padding: var(--g-padding);
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s;
  transform: scale(2);
  opacity: 0
}

.gallean_scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.gallean_second_wrap .header {
  display: block;
  color: var(--g-text-accent);
  font: 900 normal 40px inter; /* шрифт long live death */
  text-transform: lowercase;
}

.gallean_scroll div {
  color: var(--g-base-text);
  text-align: justify;
  font: 500 12px/150% inter;  /* шрифт основного текста*/
}

.gallean_wrap:hover .gallean_first_wrap {
  transform: scale(0);
  filter: blur(40px)
}

.gallean_wrap:hover .gallean_second_wrap {
transform: scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s;
}
</style>

Поделиться42022-04-09 12:45:23

Автор: Fenris
Администратор
graphics by: ales
tevinter elf
Фенрис, 41
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
— список персонажей —
Сообщений: 12
Уважение: +0
посты: 34
валюта: 3435
Последний визит:
2024-02-04 02:57:28

~~аттракцион неслыханной щедрости [9]~~

Хронология.

Будьте котиками.

NB! Цвета и отступы перекрашиваются отдельно, идут в самом начале стиля. Следуйте подсказкам. В шрифте заголовков (past, present эти вот) русского нет.
NB2! В идеале делалось относительно - попиксельно тут только высота, поэтому само встанет по центру тела и посчитает все отступы. Но если отъедет - маякните. В целях уменьшения кол-ва символов - CSS убран в файл, из него вынесены только цвета, картика бэкграунда и настройки для удаления профиля из сообщения. Как убрать профиль - подсказка под кодом.

Код:

<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Italiana&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
<link href="https://forumstatic.ru/files/001b/71/36/50006.css" rel="stylesheet">

<div class="tevinter_wrap">
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — past
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Asunder</a>
            <span>Рис, Евангелина, Коул</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Masked Empire</a>
            <span>Селина, Бриала, Фелассан</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — present
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Tevinter nights</a>
            <span>Серые Стражи, Каринус в огне, двое сбежавших из плена кунари.</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Magekiller</a>
            <span>Марий, Тесса Форсиция, Дориан Павус</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Blue Wraith</a>
            <span>Марий, Тесса Форсиция, Фенрис</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — alternative
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Lazarus Heart</a>
            <span>Джаред, Лукреция</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Last Unicorn</a>
            <span>Молли, принц Лир</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Legend of Vox Machina</a>
            <span>Вакс, Перси, Килет, Сканлан</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
  </div>
<style>
/*УБИРАЕМ ПРОФИЛЬ ИЗ СООБЩЕНИЯ*/
#p11 .post-author,
#p11 .post-sig {
 display:none !important
}
#p11 .post-body,
#p11 .post-links,
#p11 .post-links ul,
#p11 h3>span {
 margin-left:10px !important
}
#p11 .pl-email,
#p11 .pl-website {
 float:  none
}
#p11 .pl-delete {
 border-left: 1px solid rgba(0,0,0,.2) !important;
 margin-left: 10px
}
#p11 .post-content {
 margin-top: 0px !important;
 margin-left: 0 !important;
 margin-right: 0 !important
}
#p11 .post-box {
 margin: 0px !important
}

.tevinter_wrap {
  --tv-indent: 30px; /* отступы */
  --tv-indent-in: 20px; /* отступы тоже. лучше не исправлять, от них считается высота */
  --tv-head-color: #fff; /* цвет названия раздела */
  --tv-head-shadow: 1px 1px 4px rgba(20, 20, 20, 0.16), -3px -3px 10px rgba(20, 20, 20, 0.05); /* тень текста у названий разделов */
  --tv-bg: rgba(255, 255, 255, 0.85); /* фон блоков */
  --tv-text-color: #333333; /* цвет текста в блоках */
  --tv-text-color2: #F6F6F6; /* цвет текста на темных подложках, он же цвет ссылки на эпизод */
  --tv-data-bg: #434343; /* фон даты эпизода */
  --tv-link-bg: #597647; /* фон ссылки линка на эпизод */
  --tv-link-bg2: #252424; /* цвет фона ссылки эпизода по наведению */
  --tv-radius: 2px; /* скругление у даты поста и ссылки */
  --tv-padding: 4px 15px; /* отступы у даты поста и ссылки эпизода */
  --tv-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 4px 4px 15px rgba(0, 0, 0, 0.18); /* тень всего блока */
}

.tevinter_wrap {
  background: url(https://forumstatic.ru/files/001b/71/36/71704.png) top left; /* картинка бэкграунда */
  background-size: cover;
}
</style>

Код

Код:

<!-- большая душная хронология -->
<link href="https://fonts.googleapis.com/css2?family=Italiana&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
<link href="https://forumstatic.ru/files/001b/71/36/50006.css" rel="stylesheet">

<div class="tevinter_wrap">
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — past
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Asunder</a>
            <span>Рис, Евангелина, Коул</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Masked Empire</a>
            <span>Селина, Бриала, Фелассан</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — present
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Tevinter nights</a>
            <span>Серые Стражи, Каринус в огне, двое сбежавших из плена кунари.</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Magekiller</a>
            <span>Марий, Тесса Форсиция, Дориан Павус</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">Blue Wraith</a>
            <span>Марий, Тесса Форсиция, Фенрис</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
    <div class="tevinter_inner">
      <div class="tevinter_title">
        — alternative
      </div>
      <div class="tevinter_box">
        <div class="tevinter_scroll">
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Lazarus Heart</a>
            <span>Джаред, Лукреция</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Last Unicorn</a>
            <span>Молли, принц Лир</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Legend of Vox Machina</a>
            <span>Вакс, Перси, Килет, Сканлан</span>
          </div>
          <div class="tevinter_section">
            <em>9.11.9:45</em> <a href="ссылка">The Stolen Throne</a>
            <span>Мэрик Тейрин, Логэйн МакТир</span>
          </div>
        </div>
      </div>
    </div>
    
  </div>
<style>
/*УБИРАЕМ ПРОФИЛЬ ИЗ СООБЩЕНИЯ*/
#p11 .post-author,
#p11 .post-sig {
 display:none !important
}
#p11 .post-body,
#p11 .post-links,
#p11 .post-links ul,
#p11 h3>span {
 margin-left:10px !important
}
#p11 .pl-email,
#p11 .pl-website {
 float:  none
}
#p11 .pl-delete {
 border-left: 1px solid rgba(0,0,0,.2) !important;
 margin-left: 10px
}
#p11 .post-content {
 margin-top: 0px !important;
 margin-left: 0 !important;
 margin-right: 0 !important
}
#p11 .post-box {
 margin: 0px !important
}

.tevinter_wrap {
  --tv-indent: 30px; /* отступы */
  --tv-indent-in: 20px; /* отступы тоже. лучше не исправлять, от них считается высота */
  --tv-head-color: #fff; /* цвет названия раздела */
  --tv-head-shadow: 1px 1px 4px rgba(20, 20, 20, 0.16), -3px -3px 10px rgba(20, 20, 20, 0.05); /* тень текста у названий разделов */
  --tv-bg: rgba(255, 255, 255, 0.85); /* фон блоков */
  --tv-text-color: #333333; /* цвет текста в блоках */
  --tv-text-color2: #F6F6F6; /* цвет текста на темных подложках, он же цвет ссылки на эпизод */
  --tv-data-bg: #434343; /* фон даты эпизода */
  --tv-link-bg: #597647; /* фон ссылки линка на эпизод */
  --tv-link-bg2: #252424; /* цвет фона ссылки эпизода по наведению */
  --tv-radius: 3px; /* скругление у даты поста и ссылки */
  --tv-padding: 4px 15px; /* отступы у даты поста и ссылки эпизода */
  --tv-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 4px 4px 15px rgba(0, 0, 0, 0.18); /* тень всего блока */
}

.tevinter_wrap {
  background: url(https://forumstatic.ru/files/001b/71/36/71704.png) top left; /* картинка бэкграунда */
  background-size: cover;
}
</style>

Как убрать профиль из сообщения.

1. Отправляем пустое сообщение для хронологии.

2. Жмем на дату поста, смотрим в адресную строку браузера.

#p1250284 это id сообщения. По нему убирается профиль.
3. Идем в код хронологии, находим там строку /*УБИРАЕМ ПРОФИЛЬ ИЗ СООБЩЕНИЯ*/ и все, что отмечено красным заменяем на новый id, скопированный из адресной строки.
#p11 .post-author,
#p11 .post-sig {
display:none !important
}
#p11 .post-body,
#p11 .post-links,
#p11 .post-links ul,
#p11 h3>span {
margin-left:10px !important
}
#p11 .pl-email,
#p11 .pl-website {
float: none
}
#p11 .pl-delete {
border-left: 1px solid rgba(0,0,0,.2) !important;
margin-left: 10px
}
#p11 .post-content {
margin-top: 0px !important;
margin-left: 0 !important;
margin-right: 0 !important
}
#p11 .post-box {
margin: 0px !important
}

4. Если нужно меняем какие-то значения, тут они под рено выставлены.