<!--HTML-->
<div class="xiao__wraper">
<div class="xiao__inner">
<div class="xiao__image">
<img src="https://forumstatic.ru/files/001b/aa/7b/93363.jpg">
</div>
<div class="xiao__content-box">

<div class="xiao__button one buttonoff active">настоящее</div>
<div class="xiao__tab" style="display: block"><div class="xiao__scrolling">
   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

</div></div>

<div class="xiao__button two buttonoff">Прошлое</div>
<div class="xiao__tab"><div class="xiao__scrolling">
   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

</div></div>

<div class="xiao__button three buttonoff">альтернатива</div>
<div class="xiao__tab"><div class="xiao__scrolling">
   <span><a href="ссылка">Тевинтерские ночи</a> дата игры
   <em><b>Участники:</b> Дориан Павус, Фенрис</em>
   </span>

   <span><a href="ссылка">Рандеву в лунном свете</a> дата игры
   <em><b>Участники:</b> Зевран Араннай, Ариэл Монтилье</em>
   </span>

</div></div>

</div>
</div></div>
<script src="https://forumstatic.ru/files/001b/a7/d6/83187.js"></script>
<style>
.xiao__wraper {
  --bg: #1D232D; /* основной цвет фона */
  --out-border: #121418; /* обводка всего контейнера */
  --accent: #D4B063; /* акцентный цвет (цвета кнопок по клику, рамки) */
  
  --image-coloring: rgba(67, 104, 164, 0.67); /* цветовой окрас картинки, режим умножение*/
  --image-overlay: rgba(27, 32, 40, 0.61); /* цветовой окрас картинки, просто полупрозрачный цвет */

  --bg2: #95999E; /* цвет подложки текста */
  --borders: #B4B8BE; /* обводка вокруг подложки текста */
}</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> 
<link href="https://forumstatic.ru/files/001b/a7/d6/37704.css" rel="stylesheet">