[html]<style>
/**шрифт**/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**общий блок**/
.stargs {background: #fff; width: 650px; height: auto; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; box-sizing: border-box; margin: 0 auto !important;}

/**блок с названием**/
.topst {display: flex; width: 100%; height: 50px; align-items: center; gap: 15px; border-bottom: solid 3px #000;}

/**блок с названием -> звездочка**/
.ist {width: 30px; height: 30px; transition: all 0.7s linear 0s;}
.ist:hover {transform: rotate(90deg); transition: all 0.7s linear 0s;}

/**блок с названием -> название форума**/
.namest {font-family: rubik; font-weight: 900; font-size: 22px; color: #000;}

/**блок с картинкой и инфой**/
.bottomst {display: flex; gap: 15px;}

/**блок с картинкой и инфой -> картинка**/
.imgst img {border-radius: 20px; max-width: 160px;}

/**блок с картинкой и инфой -> инфа**/
.bottomst_r p {margin: 0; text-align: justify; font-size: 12px; font-family: 'Rubik'; color: #000; padding-bottom: 10px;}

/**блок с картинкой и инфой -> спойлеры**/
.bottomst_r details {padding: 10px 0; border-top: solid 3px #000; border-bottom: solid 3px #000;}
.bottomst_r details:nth-child(2) {border-bottom: none;}

/**блок с картинкой и инфой -> убираем дефолтные маркеры**/
.bottomst_r details summary::-webkit-details-marker {display: none}
.bottomst_r details > summary {list-style: none;}

/**блок с картинкой и инфой -> название спойлера**/
.bottomst_r summary {cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Rubik'; font-size: 18px; font-weight: 900; color: #000;}
/**блок с картинкой и инфой -> звездочки в спойлерах**/
.bottomst_r summary img {width: 30px; height: 30px;}

/**блок с картинкой и инфой -> списки**/
.bottomst_r details ul {margin: 0; padding: 5px 15px;}
.bottomst_r details li {font-size: 10px; font-family: 'Rubik'; color: #000; list-style: none; line-height: 1.5;}

/**блок с картинкой и инфой -> ссылки в списках**/
.bottomst_r details li a {padding: 0 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}

/**блок с картинкой и инфой -> навигация**/
.navst {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0;}

.navst a {display: block; padding: 5px 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
.navst a:hover, .bottomst_r details li a:hover {background: #fff; color: #000 !important; box-sizing: border-box; transition: all 0.3s linear 0s;}
</style>

<!--код гостевой by karamba-->
<div class="stargs">
  <div class="topst">
    <div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
    <div class="namest">WESTEROS 129-298</div>
  </div>
  <div class="bottomst">
    <div class="bottomst_l">
      <div class="imgst"><img src="https://forumupload.ru/uploads/0014/f5/ef/2/43242.gif"></div>
    </div>
      <div class="bottomst_r">
        <p>добро пожаловать в вестерос будущего. мы берем за основу книжных персонажей и события «дома драконов» и «игры престолов» и перемещаем их в современный сеттинг. поэтому у нас тут <b>modern!au</b> и <b>cyberpunk!au</b>. события дома драконов происходят в 129 году (аналогичен +/- нашим временам), основной уклон сделан на войну черных и зеленых, а так же на истребление драконов, которые в нашей вселенной обросли кибернетическими имплантами, потеряли свою огненную душу и веру людей в них. события игры престолов происходят в 298 году (неоновое и технологичное будущее), и сосредоточены на битвах за должность нового лидера вестероса. «трон» заняли баратеоны, но на этом спокойные времена не пришли. и сейчас самое время каждому дому показать себя и вступить в игру. больше о матчасти вы можете узнать по ссылкам ниже. роли и внешности держим за зареганными 3 дня, за гостями сутки.</p>
        <details>
          <summary> <img src="https://forumstatic.ru/files/0016/f1/95/58840.svg">занятые внешности</summary>
          <ul><li>до конца:</li>
<li>ben barnes</li>
<li>dove cameron</li>
<li>dominik sadoch</li>
<li>isaac powell</li>
<li>maya hawke</li>
<li>sasha luss</li>
<li>sky ferreira</li>
<li>ye</li>
<li>до 14.11:</li>
<li>elle fanning - <a href="https://uswesteros.rusff.me/profile.php?id=53">хелейна</a></li>
<li>matt smith - <a href="https://uswesteros.rusff.me/profile.php?id=50">daemon targaryen</a></li>
          </ul>
        </details>

        <details>
          <summary><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"> занятые роли</summary>
          <ul><li>до конца:</li>
<li>alicent hightower - выкуплена под заявку</li>
<li>grey worm</li>
<li>margaery tyrell</li>
<li>meera reed</li>
<li>mysaria</li>
<li>loras tyrell - выкуплен под заявку</li>
<li>petyr baelish</li>
<li>rhaenyra targaryen</li>
<li>varys</li>
<li>до 12.11:</li>
<li>gendry baratheon - b?stard</a></li>
<li>до 13.11:</li>
<li>aegon targaryen - <a href="https://uswesteros.rusff.me/profile.php?id=52">печенька</a></li>
<li>arianne martell - <a href="https://uswesteros.rusff.me/profile.php?id=49">arianne martell</a></li>
<li>helaena targaryen - <a href="https://uswesteros.rusff.me/profile.php?id=52">печенька</a></li>
<li>до 14.11:</li>
<li>cersei lannister - <a href="https://uswesteros.rusff.me/profile.php?id=30">бэлла</a></li>
<li>daemon targaryen - <a href="https://uswesteros.rusff.me/profile.php?id=50">daemon targaryen</a></li>
</ul>
        </details>
<div class="navst">
          <a href="https://uswesteros.rusff.me/viewtopic.php?id=25">список ролей</a>
<a href="https://uswesteros.rusff.me/viewtopic.php?id=7">сюжетное</a>
<a href="https://uswesteros.rusff.me/viewtopic.php?id=26#p1371">великие династии</a>
   <a href="https://uswesteros.rusff.me/viewtopic.php?id=14">хронология</a>
          <a href="https://uswesteros.rusff.me/viewtopic.php?id=4">фак по игре</a>
          <a href="https://uswesteros.rusff.me/viewtopic.php?id=21">фак по форуму</a>
<a href="https://uswesteros.rusff.me/viewtopic.php?id=8">импланты будущего</a>
<a href="https://uswesteros.rusff.me/viewtopic.php?id=6">микроблог амс</a>
       </div>
       
      </div>
  </div>
</div>

[/html]

<li>внешность/роль - <a href="ссылка на профиль">имя</a></li>