404

Объявление

// драйверы

ятсен фина агнесса

// шёпот из бездны

Верни шторку на место
"Чем же незнакомец сможет её удивить кроме задержек в поставках и новой статьи расходов на ремонт потолка?"
Не держи на врага зла...
"...для человека, чей мир всю жизнь крутился вокруг небольшого последнего оплота человечества, слышать оправдания о том, что где-то там сейчас явно хуже - было дико."
Верни шторку на место
"Быть может, за слоями грязи, розоволосая и сероглазая отважная хозяйка ванной комнаты разглядела благородную решительность."
День распродаж после закрытия
"Дискография группы «Депеша Мод», все серии «Boku no Pico» с английскими субтитрами, полное собрание мемов про Ковид 19, архив стиков «Moonlight Girl2311». А это вообще терабайтник нейрослопа про котов"

_нейро новости:

20/12/2085
🛷 Летающий транспорт для детей случайно попал в зону ПВО. Дети в восторге.
19/12/2085
🎤 Праздничная речь президента длилась 11 секунд. Среднее время просмотра: 2 секунды.
18/12/2085
🎄 В Киберстали утвердили график чудес: с 23:00 до 23:07, строго по пропускам.
16/12/2085
🧊 Хладагентная протечка создала гигантский лёд-арт объект. В давние времена люди называли это "горкой".
14/12/2085
🐐 В Клыках прошёл парад боевых козлов. Один случайно выиграл выборы в квартале.
14/12/2085
🔔 Киберсталь представила «праздничный набор допросника». Коллекция ограниченная.
14/12/2085
🍶 Пламя Забвения предложило заменить Санту на Пылающего Деда. Почему-то все против.
12/12/2085
🎄 Совет Стали объявил ёлку «объектом стратегического значения». Поставили турели.
11/12/2085
📱 Уличный терминал начал выдавать советы по саморазвитию. Народ в шоке, просит вернуть мемы.
10/12/2085
📡 Радиоволны снова цитируют древние рекламные джинглы. Праздник к нам приходит...
08/12/2085
📦 Склад Киберстали «сам себя инвентаризировал». Дважды.
07/12/2085
⚙️ Два рипера подрались из-за отвертки. Победила отвертка.
05/12/2085
💧 Водный паёк на юге увеличили на 0,5%. Народ празднует, принимая душ стоя в очереди.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » 404 » Мир 404 » Роли


Роли

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

1

[html]
<style>
    .top-image {
        width: 100%;
        display: block;
        margin: 0 0 -22px;
    }

   .top-title {
    position: relative;
    font-family: 'NIKKYOUSANS', sans-serif;
    font-size: 26px !important;
    color: #ffffff;
    top: 39px;
    left: 21px;
    }

    .post-card {
        margin: 0 0 30px 0;
        border-radius: 6px;
        box-shadow: 0 6px 18px rgba(20,30,50,0.1);
        background: #f0f0f0;
        padding: 40px 20px 20px 20px;
    }

    .post-card h2 {
        text-align: center;
        margin: 0 0 24px 0;
        font-size: 20px;
        font-weight: normal;
        color: #e679ac;
        font-family: 'NikkyouSans', sans-serif;
    }

    .roles {
        display: grid;
        gap: 16px;
    }

    .roles--3-columns {
        grid-template-columns: repeat(3, 1fr);
    }

    .roles--2-columns {
        grid-template-columns: repeat(2, 1fr);
    }

    .roles + .roles {
        margin-top: 16px;
    }

    .roles + h2 {
        margin-top: 32px;
    }

    .roles__box {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        height: calc(100% - 24px);
    }

    .roles__box h3 {
        text-align: center;
        margin: 0 0 12px 0;
        font-size: 16px;
        font-family: 'NikkyouSans', sans-serif;
        font-weight: normal;
        color: #000;
    }

    .roles__box ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .roles__box li {
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .roles__box .title-line {
        display: block;
        font-weight: normal;
        color: #444;
    }
</style>

<h4 class="top-title">Культ Потерянных</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/875132.gif" alt="Культ потерянных">

<div class="post-card">
  <h2>Домен Сингапура</h2>

  <div class="roles roles--3-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Круг Катари</h3>
        <ul>
          <li>Рысь<span class="title-line">Одарённый. Эхо, ускользающее в мраке</span></li>
          <li>Жрец<span class="title-line">Отсутствует у этого Идола</span></li>
          <li>Хью <span class="title-line">Телохранитель Рыси</span></li>
          <li>Ханна <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p771">акция</a><span class="title-line">Телохранитель Рыси</span></li>
          <li>Вэйдун <span class="title-line">Бариста в кофейне "One Shot"</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Круг Ворхемы</h3>
        <ul>
          <li>Афина<span class="title-line">Одарённая. Шепот, говорящий на языке чисел</span></li>
          <li>Роль свободна<span class="title-line">Жрец</span></li>
          <li>Оливер <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p771">акция</a><span class="title-line">Техник, работающий на Фину</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Круг Мескиаггашера</h3>
        <ul>
          <li>Конде<span class="title-line">Одарённый, Тень невыразимых слов</span></li>
          <li>Роль свободна<span class="title-line">Жрец</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="roles roles--3-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Правительство Сингапура</h3>
        <ul>
          <li>Адам Баламуруган <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p7524">акция</a><span class="title-line">Президент</span></li>
          <li>Роль свободна<span class="title-line">Премьер-министр</span></li>
          <li>Роль свободна<span class="title-line">Пресс-секретарь</span></li>
          <li>Роль свободна<span class="title-line">Верховный судья</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Научный департамент</h3>
        <ul>
          <li>Агнесса<span class="title-line">Глава научного департамента дебаггеров</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Адепты</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
  </div>

  <h2>Другие Домены</h2>

  <div class="roles roles--2-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Одарённые</h3>
        <ul>
          <li>Парадокс <span class="title-line">Одарённый из Греческого Домена</span></li>
          <li>Энкрастия <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p763">акция</a><span class="title-line">Одарённый из Берлинского Домена</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Адепты</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

[/html]

0

2

[html]<style>
.top-image {
  width: 100%;
  display: block;
  margin: 0 0 -22px;
}

   .top-title {
    position: relative;
    font-family: 'NIKKYOUSANS', sans-serif;
    font-size: 26px !important;
    color: #ffffff;
    top: 39px;
    left: 21px;
    }

.post-card {
  width: 100%;
  margin: 0 0 30px 0;
  font-family: 'Rubik', Arial, sans-serif;
  color: #222;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(20,30,50,0.1);
  background: #f0f0f0;
  padding: 40px 20px 20px 20px;
  box-sizing: border-box;
}

.post-card h2 {
  text-align: center;
  margin: 0 0 24px 0;
  font-size: 20px;
  font-weight: normal;
  color: #e679ac;
  font-family: 'NikkyouSans', sans-serif;
}

.post-card__columns {
  display: flex;
  gap: 15px;
  align-items: stretch;
}

.post-card__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.group-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;       /* ← растягиваем рамки */
  justify-content: flex-start;
}

.group-box h3 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 16px;
  font-family: 'NikkyouSans', sans-serif;
  font-weight: normal;
  color: #000;
}

.group-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.group-box li {
  margin-bottom: 12px;
  line-height: 1.2;
}

.group-box .title-line {
  display: block;
  font-weight: normal;
  color: #444;
  font-size: 12px;
  margin-top: 1px;
}

@media (max-width: 560px) {
  .post-card__columns {
    flex-direction: column;
  }
}
</style>

<h4 class="top-title">Железные Клыки</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/157080.gif" alt="Железные клыки">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Стая волков</h3>
        <ul>
          <li>Дезире <span class="title-line">Вожак</span></li>
          <li>Батя <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p3486">акция</a><span class="title-line">Хищник</span></li>
          <li>Ви <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p3798">акция</a><span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">Травоядный</span></li>
          <li>Роль свободна<span class="title-line">Травоядный</span></li>
        </ul>
      </div>
      <div class="group-box">
        <h3>Стая Шершней</h3>
        <ul>
          <li>Гиена <span class="title-line">Вожак</span></li>
          <li>Роль свободна<span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">Травоядный</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Стая Жаб</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Вожак</span></li>
          <li>Малика <span class="title-line">Хищник</span></li>
          <li>Карл Кобблпот <span class="title-line">Хищник</span></li>
          <li>Серена Марк <span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">Травоядный</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Стая "Название"</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Вожак</span></li>
          <li>Роль свободна<span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">Травоядный</span></li>
        </ul>
      </div>
    </div>

    <!-- Правая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Не определились</h3>
        <ul>
          <li>Айзек Фрид <span class="title-line">Хищник</span></li>
          <li>Роль свободна<span class="title-line">пока без стаи</span></li>
          <li>Роль свободна<span class="title-line">пока без стаи</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Старейшины</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Старейшина</span></li>
          <li>Роль свободна<span class="title-line">Старейшина</span></li>
          <li>Роль свободна<span class="title-line">Старейшина</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Гады</h3>
        <ul>
          <li>Джекилл <span class="title-line">Врач клиники "Happy Paws"</span></li>
          <li>Меркурия <span class="title-line">Гадалка с 9-й улицы</span></li>
          <li>Эльлаг <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p5517">акция</a><span class="title-line">Гад</span></li>
          <li>Роль свободна<span class="title-line">Гад</span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

[/html]

0

3

[html]
<style>
    .top-image {
        width: 100%;
        display: block;
        margin: 0 0 -22px;
    }

   .top-title {
    position: relative;
    font-family: 'NIKKYOUSANS', sans-serif;
    font-size: 26px !important;
    color: #ffffff;
    top: 39px;
    left: 21px;
    }

    .post-card {
        margin: 0 0 30px 0;
        border-radius: 6px;
        box-shadow: 0 6px 18px rgba(20,30,50,0.1);
        background: #f0f0f0;
        padding: 40px 20px 20px 20px;
    }

    .post-card h2 {
        text-align: center;
        margin: 0 0 24px 0;
        font-size: 20px;
        font-weight: normal;
        color: #e679ac;
        font-family: 'NikkyouSans', sans-serif;
    }

    .roles {
        display: grid;
        gap: 16px;
    }

    .roles--3-columns {
        grid-template-columns: repeat(3, 1fr);
    }

    .roles--2-columns {
        grid-template-columns: repeat(2, 1fr);
    }

    .roles + .roles {
        margin-top: 16px;
    }

    .roles + h2 {
        margin-top: 32px;
    }

    .roles__box {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        height: calc(100% - 24px);
    }

    .roles__box h3 {
        text-align: center;
        margin: 0 0 12px 0;
        font-size: 16px;
        font-family: 'NikkyouSans', sans-serif;
        font-weight: normal;
        color: #000;
    }

    .roles__box ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .roles__box li {
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .roles__box .title-line {
        display: block;
        font-weight: normal;
        color: #444;
    }
</style>

<h4 class="top-title">Киберсталь</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/911740.gif" alt="Киберсталь">

<div class="post-card">
  <div class="roles roles--2-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Совет Стали</h3>
        <ul>
          <li>Ли Куан Ю<span class="title-line">Учтивый советник</span></li>
          <li>Ятсен Мерлайон<span class="title-line">Просвещённый советник</span></li>
          <li>Биньхуа Мерлайон <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p3686">акция</a><span class="title-line">Справедливый советник</span></li>
          <li>Ева Сатхар-Налла <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p10110">акция</a><span class="title-line">Нравственный советник</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Стальные Рыцари</h3>
        <ul>
          <li>Биньхуа Мерлайон <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p3686">акция</a><span class="title-line">Капитан</span></li>
          <li>Вильям Томас Райс <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p5317">акция</a><span class="title-line">Лейтенант</span></li>
          <li>Роль свободна<span class="title-line">Рыцарь</span></li>
          <li>Роль свободна<span class="title-line">Рыцарь</span></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="roles roles--2-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Инфокомиссариат</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Комиссар</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Комиссариат внутренних дел</h3>
        <ul>
          <li>Джеймс Маршалл <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p5073">акция</a><span class="title-line">Комиссар</span></li>
          <li>Закария Даль<span class="title-line">Агент внедрения</span></li>
          <li>Магда Якобич<span class="title-line">Агент внедрения</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="roles roles--3-columns">
    <div class="roles__column">
      <div class="roles__box">
        <h3>Военная полиция</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Капитан</span></li>
          <li>Роль свободна<span class="title-line">Лейтенант</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Армейские чаны</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
    <div class="roles__column">
      <div class="roles__box">
        <h3>Граждане</h3>
        <ul>
          <li>Рен Сайгецу<span class="title-line">Лорд-канцлер Мерлайонов</span></li>
          <li>Таня <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p2557">акция</a><span class="title-line">Студентка медвуза</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
          <li>Роль свободна<span class="title-line">Звание</span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

[/html]

0

4

[html]<style>
.top-image {
  width: 100%;
  display: block;
  margin: 0 0 -22px;
}

   .top-title {
    position: relative;
    font-family: 'NIKKYOUSANS', sans-serif;
    font-size: 26px !important;
    color: #ffffff;
    top: 39px;
    left: 21px;
    }

.post-card {
  width: 100%;
  margin: 0 0 30px 0;
  font-family: 'Rubik', Arial, sans-serif;
  color: #222;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(20,30,50,0.1);
  background: #f0f0f0;
  padding: 40px 20px 20px 20px;
  box-sizing: border-box;
}

.post-card h2 {
  text-align: center;
  margin: 0 0 24px 0;
  font-size: 20px;
  font-weight: normal;
  color: #e679ac;
  font-family: 'NikkyouSans', sans-serif;
}

.post-card__columns {
  display: flex;
  gap: 15px;
  align-items: stretch;
}

.post-card__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.group-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;       /* ← растягиваем рамки */
  justify-content: flex-start;
}

.group-box h3 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 16px;
  font-family: 'NikkyouSans', sans-serif;
  font-weight: normal;
  color: #000;
}

.group-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.group-box li {
  margin-bottom: 12px;
  line-height: 1.2;
}

.group-box .title-line {
  display: block;
  font-weight: normal;
  color: #444;
  font-size: 12px;
  margin-top: 1px;
}

@media (max-width: 560px) {
  .post-card__columns {
    flex-direction: column;
  }
}
</style>

<h4 class="top-title">Пламя Забвения</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/949548.gif" alt="Пламя Забвения">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Воля Пламени</h3>
        <ul>
          <li>NPC<span class="title-line">Носитель воли огня</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Хранители Пепла</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Хранитель</span></li>
          <li>Роль свободна<span class="title-line">Хранитель</span></li>
          <li>Роль свободна<span class="title-line">Хранитель</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Искры</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Искра</span></li>
          <li>Роль свободна<span class="title-line">Искра</span></li>
          <li>Роль свободна<span class="title-line">Искра</span></li>
        </ul>
      </div>
    </div>

    <!-- Правая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Несущие Пламя</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Воин пламени</span></li>
          <li>Роль свободна<span class="title-line">Воин пламени</span></li>
          <li>Роль свободна<span class="title-line">Воин пламени</span></li>
        </ul>
      </div>

      <div class="group-box">
        <h3>Братья и Сестры</h3>
        <ul>
          <li>Роль свободна<span class="title-line">Член братства</span></li>
          <li>Роль свободна<span class="title-line">Член братства</span></li>
          <li>Роль свободна<span class="title-line">Член братства</span></li>
          <li>Роль свободна<span class="title-line">Член братства</span></li>
          <li>Роль свободна<span class="title-line">Член братства</span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

[/html]

0

5

[html]

<style>
.top-image {
  width: 100%;
  display: block;
  margin: 0 0 -22px;
}

   .top-title {
    position: relative;
    font-family: 'NIKKYOUSANS', sans-serif;
    font-size: 26px !important;
    color: #ffffff;
    top: 39px;
    left: 21px;
    }

.post-card {
  width: 100%;
  margin: 0 0 30px 0;
  font-family: 'Rubik', Arial, sans-serif;
  color: #222;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(20,30,50,0.1);
  background: #f0f0f0;
  padding: 40px 20px 20px 20px;
  box-sizing: border-box;
}

.post-card h2 {
  text-align: center;
  margin: 0 0 24px 0;
  font-size: 20px;
  font-weight: normal;
  color: #e679ac;
  font-family: 'NikkyouSans', sans-serif;
}

.post-card__columns {
  display: flex;
  gap: 15px;
  align-items: stretch;
}

.post-card__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.group-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.group-box h3 {
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 16px;
  font-family: 'NikkyouSans', sans-serif;
  font-weight: normal;
  color: #000;
}

.group-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.group-box li {
  margin-bottom: 12px;
  line-height: 1.2;
}

.group-box .title-line {
  display: block;
  font-weight: normal;
  color: #444;
  font-size: 12px;
  margin-top: 1px;
}

@media (max-width: 560px) {
  .post-card__columns {
    flex-direction: column;
  }
}
</style>

<h4 class="top-title">Культ Вечного Рая</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/561954.gif" alt="Культ Вечного Рая">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Святой</h3>
        <ul>
          <li>Румах <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p2557">акция</a><span class="title-line">Посланник рая</span></li>
        </ul>
      </div>
    </div>

    <!-- Правая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Благословленные</h3>
        <ul>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<h4 class="top-title">Община Заун</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/561954.gif" alt="Заун">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Руководители</h3>
        <ul>
          <li>Силко <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p2559">акция</a><span class="title-line">Руководитель</span></li>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
        </ul>
      </div>
    </div>

    <!-- Правая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Участники</h3>
        <ul>
          <li>Женевьева <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p3475">акция</a><span class="title-line">Наёмница</span></li>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<h4 class="top-title">Триада золотого льва</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/561954.gif" alt="Триада">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Четырёхпалые</h3>
        <ul>
          <li>Шерман О<span class="title-line">Золотой дракон</span></li>
          <li>Новый Ню<span class="title-line">Небесный дракон</span></li>
          <li>Сандра Квек <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p6103">акция</a><span class="title-line">Небесный дракон</span></li>
          <li>Роль свободна<span class="title-line">Небесный дракон</span></li>
        </ul>
      </div>

  <div class="group-box">
    <h3>Когти дракона</h3>
    <ul>
      <li>Цепочная гадюка <a href="https://hopenotfound.rusff.me/viewtopic.php?id=31#p6375">акция</a><span class="title-line">Коготь дракона</span></li>
      <li>Роль свободна<span class="title-line"></span></li>
      <li>Роль свободна<span class="title-line"></span></li>
    </ul>
  </div>
</div>

<!-- Правая колонка -->
<div class="post-card__column">
  <div class="group-box">
    <h3>Другие участники</h3>
    <ul>
      <li>Роль свободна<span class="title-line"></li>
      <li>Роль свободна<span class="title-line"></li>
      <li>Роль свободна<span class="title-line"></li>
    </ul>
  </div>
</div>

  </div>
</div>

<h4 class="top-title">Независимые силы</h4>
<img class="top-image" src="https://upforme.ru/uploads/001c/84/ea/2/561954.gif" alt="Независимые силы">

<div class="post-card">
  <div class="post-card__columns">
    <!-- Левая колонка -->
    <div class="post-card__column">
      <div class="group-box">
        <h3>Наемники</h3>
        <ul>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
          <li>Роль свободна<span class="title-line"></span></li>
        </ul>
      </div>

  <div class="group-box">
    <h3>Беглецы</h3>
    <ul>
      <li>Роль свободна<span class="title-line"></span></li>
      <li>Роль свободна<span class="title-line"></span></li>
      <li>Роль свободна<span class="title-line"></span></li>
    </ul>
  </div>
</div>

<!-- Правая колонка -->
<div class="post-card__column">
  <div class="group-box">
    <h3>Странники</h3>
    <ul>
      <li>Бустер<span class="title-line">Барыга</span></li>
      <li>Роль свободна<span class="title-line"></li>
      <li>Роль свободна<span class="title-line"></li>
    </ul>
  </div>
</div>

  </div>
</div>
[/html]

0


Вы здесь » 404 » Мир 404 » Роли