настройки
    админы
    Здесь идеи обретают форму, а персонажи — лицо. В основе форума «Визуальный справочник»: коллекция GIF-образов и архетипов, которая помогает находить вдохновение, создавать новых героев и подбирать образы для уже существующих персонажей.

    ▪ Ищете вдохновение? Исследуйте визуальные подборки персонажей, характеров и настроений.
    ▪ Хотите показать своё творчество? Публикуйте ориджиналы, RP-зарисовки, арты, коллажи и авторские проекты.
    ▪ Создаёте собственный мир? Ищите соавторов, единомышленников и участников для новых историй.

    отрывки из дневников

    "Нам нужны посты, словно воздух, Как вода нужны, как еда... читать дальше

    Боль, проникающая в самую суть, жалит грудь. Она пляшет отголосками далеких воспоминаний, тех самых, когда голодный высший дух вгрызался в его тело, сжирая не только память, но и плоть. Хриплый стон срывается с тонких, бледных губ, едва багровыми каплями на груди проступают...читать дальше

    А вот выводы, конечно, сделал. Как и из приветствия хтоника. Оно показалось химере забавным: парень так старался его напугать или смутить демонстрацией превосходства в росте, что грешно было оставить его старания без награды. И Вирокс, не отпустив кисть Лира, когда тот распрямился, точно так же нарочито, как тотчитать дальше

    Майра снова перелистывает, теперь проглядывает и текст, пытается в общих чертах понять, что же происходит в столь качественно оформленной сказке. И случайно видит в одной из строк имя "Джеймс Гудвин"читать дальше

    новые гр
    ваши арты
    вверх
    вниз

    ЭЙДОС: эстетика ролевых

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

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


    Вы здесь » ЭЙДОС: эстетика ролевых » Ваши ролевые проекты » Avatar: Republic City [фандом/фэнтези, приключения/рисованные]


    Avatar: Republic City [фандом/фэнтези, приключения/рисованные]

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

    1

    https://upforme.ru/uploads/001c/b8/a2/2/11411.png
    [hideprofile]

    0

    2

    [hideprofile][html]

    <div class="arc-newsroom">

      <div class="arc-newsroom__header">
        <div class="arc-newsroom__date">
          <span>выпуск</span>
          <b>03.08</b>
        </div>

        <div class="arc-newsroom__title">
          <span>Радио Республики</span>
          <h2>Сегодня в эфире</h2>
        </div>
      </div>

      <div class="arc-newsroom__content">

      <p>
        Приветствуем всех читателей нашего проекта!
      </p>

      <center><b>Новости проекта</b></center>

      <p>
        Прежде всего хочется поздравить вас с первой серьёзной стопкой завершённых эпизодов. В этом месяце игра особенно радует своей активностью: завершилось немало личных историй, а вместе с ними подошла к финалу и первая часть крупного сюжетного квеста — <b>«Драконьи низины в огне ч.1»</b>.
      </p>

      <p>
        Поздравляем всех участников! Каждый из вас внёс свой вклад в развитие общей истории и получил заслуженные награды. Надеемся, что завершённых сюжетов впереди будет становиться только больше, а список закрытых эпизодов продолжит расти с каждым выпуском.
      </p>

      <p>
        Также у нас немного изменился скрипт очереди. Как и прежде, ознакомиться с ним можно в боковом меню во вкладке <b>«Квесты»</b>, однако теперь рядом с каждым участником отображается количество дней, отведённых ему на написание поста. Это небольшое, но очень удобное обновление, которое поможет быстрее ориентироваться в очереди и не пропускать сроки.
      </p>

      <p>
        Не забывайте и про <a href="https://arc.f-rpg.me/viewtopic.php?id=91"><b>трекер эпизодов</b></a>, там удобно собирать всю свою текущую игру, следить за активными сюжетами и проверять, не задолжали ли вы кому-нибудь ответ.
      </p>

      <p>
        Ещё одним важным обновлением стал подробный <a href="https://arc.f-rpg.me/viewtopic.php?id=14#p16279"><b>гайд по использованию BB-кодов</b></a>. Он подготовлен в первую очередь для новых игроков, которые пришли к нам из Telegram, VK и других площадок и пока не знакомы со всеми возможностями форумного оформления.
      </p>

      <p>
        Руководство поможет разобраться в оформлении игровых эпизодов, сообщений, постов и других материалов. На первый взгляд обилие кодов может показаться пугающим, однако всё становится значительно проще, если спокойно ознакомиться с примерами и не бояться экспериментировать.
      </p>

      <p>
        Найти гайд можно в теме <a href="https://arc.f-rpg.me/viewtopic.php?id=14#p16279"><b>F.A.Q и гайды</b></a>, где он расположен вторым сообщением. Ознакомиться с ним будет полезно не только новичкам, но и старожилам MyBB: многие редко используемые коды могут оказаться неожиданно удобными. Особенно рекомендуем обратить внимание на списки, поясняющий текст и дополнительные способы оформления сообщений.
      </p>

      <center><b>Игра</b></center>

      <p>
        А теперь переходим от внеигровых новостей к событиям самого Республиканского города.
      </p>

      <p>
        В начале прошлого месяца стартовал новый сюжетный квест — <b><a href="https://arc.f-rpg.me/viewtopic.php?id=149">«Неконтролируемое вещество»</a></b>. Участники уже успели написать шестнадцать постов, что можно считать отличным началом. Спасибо всем, кто так активно включился в новую историю!
      </p>

      <p>
        В Республиканском городе начинает распространяться неизвестное вещество, продавцы которого обещают магам силу, сопоставимую с возможностями самого Аватара. За громкой рекламой скрываются тяжёлые побочные эффекты, подпольные испытания и похищения молодых магов, чьи организмы преступники считают наиболее подходящими для экспериментов.
      </p>

      <p>
        Терра Триада отказалась участвовать в похищениях и начала собственное расследование. По наводке информаторов Шэнь вышел на след Раанная — музыканта и наёмника, которому поручено доставить очередную жертву заказчикам. Этой жертвой должен стать юный Зэн, поверивший объявлению загадочного мастера Шандо, обещающего всего за несколько недель превратить любого ученика в выдающегося мага.
      </p>

      <p>
        Тем временем журналистка Юи Цзинь, расследующая появление наркотика на подпольных аренах, замечает интерес преступников к Зэну и пытается задержать его разговором. Сам мальчишка, не подозревая об опасности, с удовольствием рассказывает о боях, собственной магии и предстоящей тренировке, а затем предлагает журналистке отправиться на встречу вместе с ним.
      </p>

      <p>
        Параллельно Цукуми из Союза Равных самостоятельно выходит на след транспорта, ранее использовавшегося для перевозки подозрительного груза. Проведя ночь в кабаре и проследив за водителем, она оказывается рядом с Рааннаем и Шэнем, которые сходятся в одном переулке. Несколько независимых расследований постепенно соединяются в одной точке, а обычная поездка на тренировку всё отчётливее превращается в попытку похищения.
      </p>

      <p>
        Завершилась первая часть квеста <b><a href="https://arc.f-rpg.me/viewtopic.php?id=86">«Драконьи низины в огне ч.1»</a></b>. Подпольный турнир окончательно вышел из-под контроля после того, как обычная дуэль между магами огня и воды стала поводом для масштабной провокации.
      </p>

      <p>
        Оскорбления между зрителями быстро переросли в драку, а затем в настоящее сражение с применением стихий. Начавшийся на арене хаос распространился по всему зданию, произошёл взрыв, вспыхнул пожар, а участникам и зрителям пришлось искать пути спасения через разрушенные помещения и подземные тоннели.
      </p>

      <p>
        Одной из самых трагичных страниц событий стала гибель судьи турнира. Райко попыталась оказать ему помощь, а затем, несмотря на собственное истощение и пережитый шок, вынесла его тело из подземных проходов. Полиция приступила к расследованию обстоятельств катастрофы, которая оказалась значительно серьёзнее обычной драки на нелегальной арене.
      </p>

      <p>
        Во <b><a href="https://arc.f-rpg.me/viewtopic.php?id=87">второй части «Драконьих низин»</a></b> последствия беспорядков вышли далеко за пределы склада. В районе прогремела серия взрывов, начался крупный пожар, были повреждены улицы, повозки, трамвайные пути и линии электропередач.
      </p>

      <p>
        Советник Сокка организовал спасательную операцию, распорядился возвести временные укрытия и пункты первой помощи, а также направил магов и добровольцев на борьбу с распространяющимся огнём. Врач Киан занялся лечением пострадавших и распределением помощи, пока полиция пыталась удержать оцепление и одновременно остановить опасных магов взрыва.
      </p>

      <p>
        Разорительница тем временем вышла на одного из предполагаемых координаторов нападения. Отказавшись от преследования скрывающихся преступников, она решила помочь людям, запертым за раскалённой дверью запасного выхода. Вторая часть квеста уже приближается к своему логическому завершению, однако окончательные последствия трагедии ещё только предстоит оценить.
      </p>

      <p>
        В <b><a href="https://arc.f-rpg.me/viewtopic.php?id=118">«Мгновенном отпоре»</a></b> подготовленное нападение произошло прямо возле Башни Гармонии. Люди «Агни Кай» заранее отвлекли городские службы серией мелких происшествий, расчистили нужную часть сквера и окружили Якона с господином Ченом, скрываясь до последнего под видом обычных прохожих и работников.
      </p>

      <p>
        Якон отразил первую атаку при помощи ледяного щита и ответил нападавшим ледяными шипами, одновременно не позволяя Чену покинуть место событий. Капитан Мучи вступил в бой практически в одиночку, задержал одного из террористов и продолжил сдерживать магов огня до прибытия своего патруля.
      </p>

      <p>
        Организатор нападения Кагэцу изменил первоначальный план и ударом молнии подорвал припаркованный мобиль. Мощный взрыв вызвал новую волну паники, разбросал по скверу обломки и заставил полицию разделить силы между боем и эвакуацией мирных жителей. Воспользовавшись возникшим хаосом, Кагэцу смешался с толпой и попытался незаметно покинуть место происшествия. Удастся ли капитану Мучи разглядеть среди бегущих горожан подозрительную фигуру — узнаем совсем скоро!
      </p>

      <p>
        Не менее тревожно развивается <b><a href="https://arc.f-rpg.me/viewtopic.php?id=85">«Неповторимый полёт "Фэй Лянь"»</a></b>. Первый рейс крупнейшего дирижабля Республики должен был стать символом технического прогресса и мирного будущего, однако на борт под видом работника технической службы проник диверсант.
      </p>

      <p>
        Пока Аанг, Катара и Тоф осматривали дирижабль, а пассажиры наслаждались праздничной программой, Тоф заметила исчезновение одного из рабочих и начала задавать Сатору вопросы о системе безопасности, технических люках, охране и доступе к важным отсекам. Своими подозрениями она осторожно поделилась с Катарой, чтобы не вызывать панику среди пассажиров.
      </p>

      <p>
        Одновременно Канто, находящийся на борту под чужим именем, встретился с человеком, предложившим Терра Триаде принять участие в тайной перевозке нескольких ящиков с прибывающего корабля. Таким образом, в одном дирижабле сошлись представители городских властей, криминального мира и неизвестный диверсант, а до настоящей катастрофы остаётся всё меньше времени.
      </p>

      <p>
        Если подводить промежуточный итог, Республика переживает далеко не самые спокойные дни. В Драконьих низинах ещё разбирают последствия взрывов, возле Башни Гармонии произошёл организованный теракт, крупнейший дирижабль города оказался под угрозой диверсии, а на улицах появилась новая преступная сеть, похищающая молодых магов ради испытания опасного вещества.
      </p>

      <p>
        Спасибо всем участникам за активную игру, развитие общего сюжета и готовность доводить эпизоды до завершения. Продолжайте в том же духе — и тогда редакции вскоре придётся выпускать газету не раз в месяц, а после каждого особенно неудачного утра в Республиканском городе.
      </p>

    </div>

      <div class="arc-newsroom__footer">

        <div class="arc-newsroom__best-post">
          <div class="arc-newsroom__footer-title">Лучший пост</div>

          <div class="arc-newsroom__best-text">
            <p>
    Что самое худшее могла сделать она сейчас? Нахамить? Кто угодно, только не Мэй. Показаться глупенькой? Разные люди по-разному находят людей. Поэтому девочка заправила ушки под собранные в бычьи рожки волосы, выпрямилась, чтобы посмотреть принцу глаза в глаза, и поклонилась сообразно его чину, в пояс, прежде чем ответить:
    <br><br>
    Принцесса Азула с Тай Ли упражняются в додзё. Возможно, нас не представили, Ваше Высочество, — представили, но принцу из правящей династии представляют новых людей каждый день и он не обязан помнить дочь всякого чиновника или юную даму из воинского клана, и она не станет упрекать его за это и ронять его лицо, это невежливо. — Я Мэй, дочь Укано из Министерства Финансов, управления делами провинций.
            </p>
          </div>

          <div class="arc-newsroom__author">
            <a href="https://arc.f-rpg.me/viewtopic.php?id=181#p16356">Мэй</a>
          </div>
        </div>

        <div class="arc-newsroom__best-episode">
          <div class="arc-newsroom__footer-title">Лучший эпизод <a href="https://arc.f-rpg.me/profile.php?id=38">Тай Ли</a> & <a href="https://arc.f-rpg.me/profile.php?id=27">Азула</a></div>
    <p>Во время тайной операции на аристократическом маскараде Тай Ли неожиданно сталкивается с Азулой. Пока бывшие подруги пытаются разобраться с призраками прошлого, вокруг них постепенно раскрывается заговор против Хозяина Огня Зуко.</p>
          <div class="arc-newsroom__episode-name">
            <a href="https://arc.f-rpg.me/viewtopic.php?id=156#p12987">Враги увидят карнавал</a>
          </div>
        </div>

      </div>

    </div>

    <STYLE>
    /* Шрифты
    -------------------------------------------------------------*/

    /* Иконки */
    @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

    /* шрифты собраны и залиты envy */
    @font-face { font-family: archive;
    src: local("archive"), url(https://forumstatic.ru/files/0015/28/00/75162.otf) format('truetype');}

    @font-face { font-family: arkhip;
    src: local("arkhip"), url(https://forumstatic.ru/files/0015/28/00/27522.ttf) format('truetype');}

    @font-face { font-family: baron neue;
    src: local("baronneue"), url(https://forumstatic.ru/files/0015/28/00/38250.ttf) format('truetype');}

    @font-face { font-family: basis;
    src: local("basis33"), url(https://forumstatic.ru/files/0015/28/00/99051.ttf) format('truetype');}

    @font-face { font-family: bradobrei;
    src: local("bradobrei"), url(https://forumstatic.ru/files/0015/28/00/79628.ttf) format('truetype');}

    @font-face { font-family: calypso;
    src: local("calypso"), url(https://forumstatic.ru/files/0015/28/00/77071.ttf) format('truetype');}

    @font-face { font-family: cheque;
    src: local("cheque-black"), url(https://forumstatic.ru/files/0015/28/00/47389.ttf) format('truetype');}

    @font-face { font-family: code pro;
    src: local("code-pro"), url(https://forumstatic.ru/files/0015/28/00/40663.ttf) format('truetype');}

    @font-face { font-family: curator;
    src: local("curator4-italic"), url(https://forumstatic.ru/files/0015/28/00/54346.ttf) format('truetype');}

    @font-face { font-family: gunny rewritten;
    src: local("gnyrwn971"), url(https://forumstatic.ru/files/0015/28/00/51337.ttf) format('truetype');}

    @font-face { font-family: helvetica neue medium;
    src: local("helveticaneuecyr-medium"), url(https://forumstatic.ru/files/0015/28/00/67894.ttf) format('truetype');}

    @font-face { font-family: journalism;
    src: local("journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/0015/28/00/10034.ttf) format('truetype');}

    @font-face { font-family: lighthaus;
    src: local("lighthaus"), url(https://forumstatic.ru/files/0015/28/00/10357.ttf) format('truetype');}

    @font-face { font-family: oswald;
    src: local("oswald"), url(https://forumstatic.ru/files/0015/28/00/60141.ttf) format('truetype');}

    @font-face { font-family: odessa;
    src: local("odessa"), url(https://forumstatic.ru/files/001c/25/f9/41227.otf) format('truetype');}

    @font-face { font-family: rubikmonoone;
    src: local("rubikmonoone"), url(https://forumstatic.ru/files/0015/28/00/53777.ttf) format('truetype');}

    @font-face { font-family: rubik;
    src: local("rubikmonoone"), url(https://forumstatic.ru/files/001a/74/14/39158.ttf) format('truetype');}

    @font-face { font-family: yanonekaffeesatz;
    src: local("yanonekaffeesatz"), url(https://forumstatic.ru/files/001c/25/f9/36439.ttf) format('truetype');}

    @font-face { font-family: russoone;
    src: local("russoone"), url(https://forumstatic.ru/files/001c/25/f9/18560.ttf) format('truetype');}

    @font-face { font-family: delagothicone;
    src: local("delagothicone"), url(https://forumstatic.ru/files/001c/25/f9/87882.ttf) format('truetype');}

    @font-face { font-family: quiza;
    src: local("quiza"), url(https://forumstatic.ru/files/001c/25/f9/94124.ttf) format('truetype');}

    @font-face { font-family: breamcatcher;
    src: local("breamcatcher"), url(https://forumstatic.ru/files/001c/25/f9/76750.otf) format('truetype');}

    @font-face { font-family: troubleside;
    src: local("troubleside"), url(https://forumstatic.ru/files/001c/25/f9/31964.ttf) format('truetype');}

    @font-face { font-family: znak-mono;
    src: local("znak-mono"), url(https://forumstatic.ru/files/001c/25/f9/46309.ttf) format('truetype');}

    @font-face { font-family: ekran;
    src: local("ekran"), url(https://forumstatic.ru/files/001c/25/f9/47749.ttf) format('truetype');}

    @font-face {font-family: 'Font Awesome';
    src: local("FontAwesome"), url(https://forumstatic.ru/files/0015/28/00/83987.ttf);}

    @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

    @font-face {font-family: 'Avatar';
    src: local("Avatar"), url(https://forumstatic.ru/files/0015/28/00/61058.ttf);}

    @font-face {
      font-family: 'cinzel';
      src: url('https://forumstatic.ru/files/0015/28/00/92110.ttf');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'cinzel';
      src: url('https://forumstatic.ru/files/0015/28/00/82096.ttf');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {font-family: 'Amatic SC';
    src: local("Amatic SC"), url(https://forumstatic.ru/files/0015/28/00/98023.ttf);}

    @font-face {
        font-family: 'Rotis';
        src: url('https://forumstatic.ru/files/000e/85/f0/50549.woff2') format('woff2'),
             url('https://forumstatic.ru/files/000e/85/f0/75606.woff') format('woff'),
             url('https://forumstatic.ru/files/000e/85/f0/11960.ttf') format('truetype'),
             url('https://forumstatic.ru/files/000e/85/f0/97645.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
      font-family: 'Russo One';
      src: url('https://forumstatic.ru/files/001c/83/b6/14693.woff2') format('woff2'),
           url('https://forumstatic.ru/files/001c/83/b6/83170.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Archive';
      src: url('https://forumstatic.ru/files/001c/83/b6/52928.woff2') format('woff2'),
           url('https://forumstatic.ru/files/001c/83/b6/52928.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Cuprum';
      src: url('https://forumstatic.ru/files/001c/83/b6/69207.woff2') format('woff2'),
           url('https://forumstatic.ru/files/001c/83/b6/46871.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
        font-family: "Constantine";
        src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot");
        src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.svg#Constantine")format("svg");
    }

    /* Font Awesome */
    @import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');

    @font-face {
        font-display: block;
        font-family: bootstrap-icons;
        src: url("../res/font/bootstrap-icons.woff2") format("woff2"),
            url("../res/font/bootstrap-icons.woff") format("woff");
    }
    /* Основные переменные
    ------------------------------------------*/
    :root {
      /* IMAGES */
      --logo: url('https://forumstatic.ru/files/0015/28/00/38276.png');
      --logomob: url('https://forumstatic.ru/files/0015/28/00/12720.webp');
      --categoryfon: url('https://forumstatic.ru/files/0015/28/00/25096.jpg');
      --categoryfon2: url('https://forumstatic.ru/files/0015/28/00/64091.jpg');
      --categoryfon3: url('https://forumstatic.ru/files/0015/28/00/58841.jpg');
      --categorydecorleft: url('https://forumstatic.ru/files/0015/28/00/21469.png');
      --categorydecorright: url('https://forumstatic.ru/files/0015/28/00/29369.png');
      --panorama: url('https://forumstatic.ru/files/0015/28/00/95548.webp');
      --navlinktexture: url('https://forumstatic.ru/files/0015/28/00/50983.jpg');
      --navlinktexture1: url('https://forumstatic.ru/files/0015/28/00/98686.jpg');
      --fondark: url('https://forumstatic.ru/files/0015/28/00/17501.jpg');
      --linetelo: url('https://forumstatic.ru/files/0015/28/00/68071.jpg');
      --defaultavatar: url('https://forumstatic.ru/files/0015/28/00/43326.jpg');

      /* COLORS */
      --telo2: #D9BEA7;
      --wordcolor: #8C7D70;
      --wordcolor1: #4e5b76;
      --textcolor: #46536e;
      --accentcolor1: #385273;
      --accentcolor2: #8C7D70;
      --accent-light: #D9BEA7;
      --accent-color: var(--accentcolor1);
      --accent-color-light: #F2E9E4;
      --amscolor: var(--textcolor);
      --white: #fff8f4;
      --white1: #f8f6f5;
      --white2: #fbf5ec;
      --quotecolor: rgb(217 190 167 / 95%);
      --bg-light: #ece5da;
      --bg-dark: var(--textcolor);
      --categor: var(--accentcolor1);
      --bordercolor: var(--wordcolor);
      --yellow: var(--accent-light);
      --linkcolor: #737984;
      --linkhover: var(--accentcolor2);
      --buttoncolor: var(--textcolor);
      --buttontextcolor: var(--white);
      --useravatarcolor: #523b28;
      --menucolor: #855f32;
      --infocolor: #7c4625;
      --tablichka-border: #d6bc9b;
      --main-grey: var(--bordercolor);
      --buttoncol: rgba(56, 76, 115, 0.22);

      /* EXTRA DIRECT COLORS FROM CSS */
      --redcolor: #822727;
      --redcolor2: #a80000;
      --graycolor: #4a3b23;
      --gray-light: #c9c9c9;
      --markcolor: #f7f0c4;
      --hover-light: #d9fff9;
      --admin-border: #ccc;
      --online-orange: #ff7a33;
      --online-yellow: #ffc46b;

      /* TRANSPARENT COLORS */
      --blackmin: rgba(56, 76, 115, 0.03);
      --blackmedium: rgb(115 97 56 / 18%);
      --blackmax: rgb(115 100 56 / 58%);
      --blackmax2: rgb(115 94 56 / 47%);
      --blackmore: rgb(112 115 56 / 8%);
      --selecttextcolor: #f3eee8de;
      --selectmin: #f2ece3;
      --selectmax: rgba(56, 82, 115, 0.24);

      /* GRADIENTS */
      --gradient-accent: linear-gradient(190deg, rgba(56, 76, 115, 0.42), rgba(140, 125, 112, 0.62));
      --gradient-accent45: linear-gradient(
        45deg,
        rgba(56, 76, 115, 0.42),
        rgba(140, 125, 112, 0.62)
      );
      --gradient-accent1: linear-gradient(
        45deg,
        var(--accentcolor1) 0%,
        var(--textcolor) 100%
      );
      --gradient-accent2: linear-gradient(
        190deg,
        rgba(217, 190, 167, 0.64),
        rgba(56, 82, 115, 0.50)
      );
      --gradient-accent3: linear-gradient(
        45deg,
        var(--accentcolor2) 0%,
        var(--accentcolor1) 100%
      );

      /* UNIVERSAL TEMPLATE COLORS */
      --template-bg: var(--accent-color-light);
      --template-card: var(--selectmin);
      --template-soft: var(--bg-light);
      --template-text: var(--infocolor);
      --template-muted: var(--wordcolor);
      --template-border: var(--tablichka-border);
      --template-border-dark: var(--bordercolor);
      --template-accent: var(--menucolor);
      --template-accent-light: var(--accent-light);
      --template-blue: var(--accentcolor1);
      --template-white: var(--white);
      --template-shadow: rgba(124, 70, 37, .18);

      /* TEMPLATE COLORS: WANTED */
      --wanted-bg: var(--template-bg);
      --wanted-card: var(--template-card);
      --wanted-soft: var(--template-soft);
      --wanted-text: var(--template-text);
      --wanted-muted: var(--template-muted);
      --wanted-border: var(--template-border);
      --wanted-border-dark: var(--template-border-dark);
      --wanted-accent: var(--template-accent);
      --wanted-light: var(--template-accent-light);
      --wanted-white: var(--template-white);
      --wanted-shadow: var(--template-shadow);
      --wanted-ams-accent: #7b3438;
      --wanted-ams-light: #d8aaa0;
      --wanted-ams-shadow: rgba(123, 52, 56, .18);
      --wanted-player-accent: var(--accentcolor1);
      --wanted-player-light: #b7cbd8;
      --wanted-player-shadow: rgba(56, 82, 115, .18);

      /* TEMPLATE COLORS: WIKI */
      --wiki-bg: var(--template-bg);
      --wiki-card: var(--template-card);
      --wiki-soft: var(--template-soft);
      --wiki-text: var(--template-text);
      --wiki-muted: var(--template-muted);
      --wiki-border: var(--template-border);
      --wiki-border-dark: var(--template-border-dark);
      --wiki-accent: var(--template-accent);
      --wiki-accent-light: var(--template-accent-light);
      --wiki-blue: var(--template-blue);
      --wiki-white: var(--template-white);
      --wiki-shadow: var(--template-shadow);

      /* TEMPLATE COLORS: MECH */
      --mech-bg: var(--template-bg);
      --mech-card: var(--template-card);
      --mech-soft: var(--template-soft);
      --mech-text: var(--template-text);
      --mech-muted: var(--template-muted);
      --mech-border: var(--template-border);
      --mech-border-dark: var(--template-border-dark);
      --mech-accent: var(--template-accent);
      --mech-accent-light: var(--template-accent-light);
      --mech-blue: var(--template-blue);
      --mech-white: var(--template-white);
      --mech-shadow: var(--template-shadow);

      /* TEMPLATE COLORS: PLOT */
      --plot-bg: var(--template-bg);
      --plot-card: var(--template-card);
      --plot-soft: var(--template-soft);
      --plot-text: var(--template-text);
      --plot-muted: var(--template-muted);
      --plot-border: var(--template-border);
      --plot-border-dark: var(--template-border-dark);
      --plot-accent: var(--template-accent);
      --plot-accent-light: var(--template-accent-light);
      --plot-blue: var(--template-blue);
      --plot-white: var(--template-white);
      --plot-shadow: var(--template-shadow);

      /* TEMPLATE COLORS: ANKETA / CHRONO */
      --anketa-bg: #fbf5ee;
      --anketa-card: var(--template-card);
      --anketa-soft: var(--template-soft);
      --anketa-text: var(--template-text);
      --anketa-muted: var(--template-muted);
      --anketa-border: var(--template-border);
      --anketa-border-dark: var(--template-border-dark);
      --anketa-accent: var(--template-accent);
      --anketa-accent-light: var(--template-accent-light);
      --anketa-blue: var(--template-blue);
      --anketa-white: var(--template-white);
      --anketa-shadow: var(--template-shadow);

      /* TEMPLATE COLORS: ROLES */
      --roles-bg: var(--template-bg);
      --roles-card: var(--template-card);
      --roles-soft: var(--template-soft);
      --roles-text: var(--template-text);
      --roles-muted: var(--template-muted);
      --roles-border: var(--template-border);
      --roles-border-dark: var(--template-border-dark);
      --roles-accent: var(--template-accent);
      --roles-accent-light: var(--template-accent-light);
      --roles-blue: var(--template-blue);
      --roles-white: var(--template-white);
      --roles-shadow: var(--template-shadow);

      /* PIN */
      --pin-color: var(--accentcolor1);
      --pin-color-hover: var(--accentcolor2);

      /* STATUS */
      --successcolor: var(--accentcolor1);
      --errorcolor: var(--accentcolor2);
      --warningcolor: var(--accentcolor2);

      /* FONTS */
      --arial: arial, verdana, helvetica, sans-serif;
      --rus: "cinzel", serif;
      --eng: "Constantine", serif;
      --fontosnovnoe: verdana, arial, helvetica, sans-serif;
      --font-base: verdana, arial, helvetica, sans-serif;
      --mso: "Material Symbols Outlined";
      --mso3: "Font Awesome";

      /* SPACING */
      --padding: 10px 20px;
      --tpad: 5px 20px;
      --mpad: 5px 10px;
      --bpad: 10px 40px;
      --gap: 14px;
      --gap-sm: 8px;
      --gap-lg: 18px;

      /* SHAPE */
      --radius: 0px;
      --chip: 22px;

      /* SHADOWS */
      --shadow: 0 6px 18px rgba(43, 29, 18, 0.15);
      --shadow-strong: 0 8px 24px rgba(43, 29, 18, 0.35);
    }

    .arc-newsroom {

    background-image:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--wiki-white) 72%, transparent),
        color-mix(in srgb, var(--wiki-card) 92%, transparent)
      ),

      linear-gradient(
        90deg,
        color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
        color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
        transparent 100%
      ),

      url("https://i.pinimg.com/736x/ce/8e/73/ce8e7389118b4416930fcbf8bc95abc3.jpg");

    }

    html.dark .arc-newsroom {

    background-image:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--wiki-white) 72%, transparent),
        color-mix(in srgb, var(--wiki-card) 92%, transparent)
      ),

      linear-gradient(
        90deg,
        color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
        color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
        transparent 100%
      ),

      url("https://i.pinimg.com/736x/22/91/06/22910606e402fa6b89313b8dcd633191.jpg");

    }

    /* =========================================
       РЕСПУБЛИКАНСКИЙ ВЕСТНИК — НОВОСТИ
    ========================================= */

    .arc-newsroom {
      position: relative;

      max-width: 980px;
      margin: 0 auto 14px;
      padding: 22px;

      color: var(--wiki-text);

    background-image:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--wiki-white) 72%, transparent),
        color-mix(in srgb, var(--wiki-card) 92%, transparent)
      ),

      linear-gradient(
        90deg,
        color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
        color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
        transparent 100%
      ),

      url("https://i.pinimg.com/1200x/7e/27/33/7e27334107e520403173db5ade8a5781.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
      border: 1px solid var(--wiki-border);
      border-radius: 10px;

      box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 45%, transparent),
        inset 0 -1px 0 color-mix(in srgb, var(--wiki-border-dark) 20%, transparent),
        0 4px 16px var(--wiki-shadow);

      font: 400 12px/1.65 var(--font-base);
      overflow: hidden;
    }

    .arc-newsroom::before {
      content: "";

      position: absolute;
      inset: 0;

      background:
        radial-gradient(
          circle at 0 0,
          color-mix(in srgb, var(--wiki-accent-light) 42%, transparent),
          transparent 36%
        );

      opacity: .7;
      pointer-events: none;
    }

    /* header */

    .arc-newsroom__header {
      display: grid;
      grid-template-columns: 86px minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;

      margin-bottom: 14px;
      padding-bottom: 12px;

      border-bottom: 1px solid var(--wiki-border);
    }

    .arc-newsroom__date {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      min-height: 74px;

      color: var(--wiki-white);

      background:
        linear-gradient(
          180deg,
          color-mix(in srgb, var(--wiki-accent) 88%, var(--wiki-blue)),
          var(--wiki-accent)
        );

      border-radius: 8px;

      box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 28%, transparent),
        0 4px 10px color-mix(in srgb, var(--wiki-accent) 24%, transparent);
    }

    .arc-newsroom__date span {
      font: 700 9px/1 var(--font-base);
      text-transform: uppercase;
      letter-spacing: 1px;
      opacity: .8;
    }

    .arc-newsroom__date b {
      margin-top: 5px;

      font: 700 24px/1 var(--rus);
      letter-spacing: .5px;
    }

    .arc-newsroom__title {
      display: flex;
      flex-direction: column;
      justify-content: center;

      min-width: 0;
    }

    .arc-newsroom__title span {
      color: var(--wiki-muted);

      font: 700 10px/1 var(--eng);
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .arc-newsroom__title h2 {
      display: block !important;
      visibility: visible !important;

      position: static !important;

      width: auto !important;
      height: auto !important;

      margin: 6px 0 0 !important;
      padding: 0 !important;

      color: var(--wiki-accent) !important;

      font: 700 28px/1.1 var(--rus) !important;
      text-align: left !important;
      text-transform: uppercase !important;
    }

    /* stats */

    .arc-newsroom__stats {
      display: inline-flex;
      align-items: center;
      gap: 8px;

      margin-bottom: 14px;
      padding: 7px 10px;

      color: var(--wiki-accent);

      background: var(--wiki-soft);
      border: 1px solid var(--wiki-border);
      border-radius: 5px;

      font: 700 10px/1 var(--rus);
      text-transform: lowercase;
      letter-spacing: .4px;
    }

    .arc-newsroom__stats b {
      color: var(--wiki-white);

      min-width: 24px;
      height: 20px;
      padding: 0 7px;

      display: inline-flex;
      align-items: center;
      justify-content: center;

      background: var(--wiki-accent);
      border-radius: 20px;

      font: 700 11px/1 var(--font-base);
    }

    /* content */

    .arc-newsroom__content {
      padding: 16px;

      background:
        linear-gradient(
          180deg,
          color-mix(in srgb, var(--wiki-white) 20%, transparent),
          color-mix(in srgb, var(--wiki-soft) 88%, transparent)
        );

      border: 1px solid var(--wiki-border);
      border-radius: 8px;
    }

    .arc-newsroom__content p {
      margin: 0 0 12px;

      color: var(--wiki-text);

      font: 400 11px/1.55 var(--font-base);
      text-align: justify;
    }

    .arc-newsroom__content p:last-child {
      margin-bottom: 0;
    }

    .arc-newsroom__content strong,
    .arc-newsroom__content b {
      color: var(--wiki-accent);
    }

    .arc-newsroom__content a {
      color: var(--wiki-accent);
      font-weight: 700;
      text-decoration: none;
    }

    .arc-newsroom__content a:hover {
      color: var(--wiki-blue);
    }

    /* footer */

    .arc-newsroom__footer {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
      gap: 12px;

      margin-top: 12px;
    }

    .arc-newsroom__best-post,
    .arc-newsroom__best-episode {
      padding: 14px;

      background: var(--wiki-soft);
      border: 1px solid var(--wiki-border);
      border-radius: 8px;
    }

    .arc-newsroom__footer-title {
      margin-bottom: 8px;

      color: var(--wiki-accent);

      font: 700 11px/1.2 var(--rus);
      text-transform: uppercase;
      letter-spacing: .8px;
    }

    .arc-newsroom__best-text {
      max-height: 92px;
      overflow: auto;

      padding-right: 6px;
    }

    .arc-newsroom__best-text p {
      margin: 0;

      color: var(--wiki-text);

      font: 400 11px/1.55 var(--font-base);
      text-align: justify;
    }

    .arc-newsroom__author,
    .arc-newsroom__episode-name {
      margin-top: 10px;
      padding-top: 8px;

      border-top: 1px solid var(--wiki-border);

      font: 700 11px/1.4 var(--rus);
      text-transform: lowercase;
    }

    .arc-newsroom__author a:hover,
    .arc-newsroom__episode-name a:hover {
      color: var(--wiki-blue);
    }

    /* =========================================
       FACE CLAIMS
    ========================================= */

    .arc-faces {
      position: relative;
      overflow: hidden;

      padding: 22px;

      background:
        linear-gradient(
          180deg,
          color-mix(in srgb, var(--wiki-white) 24%, transparent),
          color-mix(in srgb, var(--wiki-soft) 92%, transparent)
        ),
        var(--wiki-card);

      border: 1px solid var(--wiki-border);
      border-radius: 10px;

      box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 40%, transparent),
        0 4px 16px var(--wiki-shadow);
    }

    .arc-faces::before {
      content: "";

      position: absolute;
      inset: 0;

      background-image:
        linear-gradient(
          180deg,
          rgba(255,255,255,.06),
          rgba(255,255,255,0)
        ),
        url("https://i.pinimg.com/1200x/3c/c0/74/3cc074aa05d07de913002a6aad86e034.jpg");

      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      opacity: .13;

      pointer-events: none;
    }

    /* header */

    .arc-faces__header {
      margin-bottom: 18px;
      padding-bottom: 12px;

      border-bottom: 1px solid var(--wiki-border);
    }

    .arc-faces__title {
      color: var(--wiki-accent);

      font:
        700 24px/1 var(--rus);

      text-transform: uppercase;
    }

    .arc-faces__subtitle {
      margin-top: 8px;

      color: var(--wiki-muted);

      font:
        400 10px/1.5 var(--font-base);
    }

    /* columns */

    .arc-faces__columns {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    /* sections */

    .arc-faces__section {
      min-width: 0;
      max-height: 520px;
      overflow-y: auto;
      overflow-x: hidden;

      padding-right: 6px;
      scrollbar-width: thin;
      scrollbar-color: var(--wiki-accent) transparent;
    }

    .arc-faces__section-title {
      margin-bottom: 12px;

      color: var(--wiki-accent);

      font:
        700 13px var(--rus);

      text-transform: uppercase;
      letter-spacing: .5px;
    }

    /* group */

    .arc-faces__group {
      margin-bottom: 14px;
    }

    .arc-faces__letter {
      position: sticky;
      top: 0;

      margin-bottom: 6px;
      padding: 4px 8px;

      color: var(--wiki-white);

      background: var(--wiki-accent);

      border-radius: 3px;

      font:
        700 9px var(--rus);

      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* list */

    .arc-faces__list {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .arc-faces__list div {
      padding: 6px 8px;

      color: var(--wiki-text);

      background:
        color-mix(in srgb, var(--wiki-soft) 82%, transparent);

      border: 1px solid color-mix(in srgb, var(--wiki-border) 70%, transparent);
      border-radius: 4px;

      font:
        400 10px/1.45 var(--font-base);

      transition:
        border-color .2s ease,
        background .2s ease;
    }

    .arc-faces__list div:hover {
      border-color:
        color-mix(in srgb, var(--wiki-accent) 45%, var(--wiki-border));

      background:
        color-mix(in srgb, var(--wiki-accent-light) 55%, var(--wiki-card));
    }

    .arc-faces__list a {
      color: var(--wiki-accent);
      font-weight: 700;
    }
    </STYLE>

    [/html]

    0


    Вы здесь » ЭЙДОС: эстетика ролевых » Ваши ролевые проекты » Avatar: Republic City [фандом/фэнтези, приключения/рисованные]


    Рейтинг форумов | Создать форум бесплатно